@douyinfe/semi-ui 2.23.0-beta.0 → 2.23.0

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/dist/css/semi.css CHANGED
@@ -517,6 +517,7 @@ body {
517
517
  --semi-transition_duration-fast:0ms;
518
518
  --semi-transition_duration-faster:0ms;
519
519
  --semi-transition_duration-fastest:0ms;
520
+ --semi-transition_duration-none:0ms;
520
521
  --semi-transition_function-linear:linear;
521
522
  --semi-transition_function-ease:ease;
522
523
  --semi-transition_function-easeIn:ease-in;
@@ -620,7 +621,7 @@ body {
620
621
  text-overflow: ellipsis;
621
622
  white-space: nowrap;
622
623
  border-radius: 3px;
623
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
624
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
624
625
  transform: scale(var(--semi-transform_scale-none));
625
626
  }
626
627
  .semi-anchor-link-title:hover {
@@ -694,7 +695,7 @@ body {
694
695
  align-items: center;
695
696
  cursor: pointer;
696
697
  box-sizing: border-box;
697
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
698
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
698
699
  }
699
700
  .semi-autoComplete-option-icon {
700
701
  width: 12px;
@@ -1542,7 +1543,7 @@ body {
1542
1543
  align-items: center;
1543
1544
  column-gap: 4px;
1544
1545
  text-decoration: inherit;
1545
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1546
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1546
1547
  transform: scale(var(--semi-transform_scale-none));
1547
1548
  }
1548
1549
  .semi-breadcrumb-item-link:hover {
@@ -1641,7 +1642,7 @@ body {
1641
1642
  .semi-button-danger {
1642
1643
  background-color: var(--semi-color-danger);
1643
1644
  color: rgba(var(--semi-white), 1);
1644
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1645
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1645
1646
  transform: scale(var(--semi-transform_scale-none));
1646
1647
  }
1647
1648
  .semi-button-danger:hover {
@@ -1659,7 +1660,7 @@ body {
1659
1660
  .semi-button-warning {
1660
1661
  background-color: var(--semi-color-warning);
1661
1662
  color: rgba(var(--semi-white), 1);
1662
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1663
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1663
1664
  transform: scale(var(--semi-transform_scale-none));
1664
1665
  }
1665
1666
  .semi-button-warning:hover {
@@ -1677,7 +1678,7 @@ body {
1677
1678
  .semi-button-tertiary {
1678
1679
  background-color: var(--semi-color-tertiary);
1679
1680
  color: rgba(var(--semi-white), 1);
1680
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1681
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1681
1682
  transform: scale(var(--semi-transform_scale-none));
1682
1683
  }
1683
1684
  .semi-button-tertiary:hover {
@@ -1692,7 +1693,7 @@ body {
1692
1693
  .semi-button-primary {
1693
1694
  background-color: var(--semi-color-primary);
1694
1695
  color: rgba(var(--semi-white), 1);
1695
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1696
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1696
1697
  transform: scale(var(--semi-transform_scale-none));
1697
1698
  }
1698
1699
  .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):hover {
@@ -1708,7 +1709,7 @@ body {
1708
1709
  background-color: var(--semi-color-secondary);
1709
1710
  outline-color: var(--semi-color-secondary);
1710
1711
  color: rgba(var(--semi-white), 1);
1711
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1712
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1712
1713
  transform: scale(var(--semi-transform_scale-none));
1713
1714
  }
1714
1715
  .semi-button-secondary:hover {
@@ -1735,7 +1736,7 @@ body {
1735
1736
  .semi-button-borderless {
1736
1737
  background-color: transparent;
1737
1738
  border: 0 transparent solid;
1738
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1739
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1739
1740
  transform: scale(var(--semi-transform_scale-none));
1740
1741
  }
1741
1742
  .semi-button-borderless:not(.semi-button-disabled):hover {
@@ -1749,7 +1750,7 @@ body {
1749
1750
  .semi-button-light {
1750
1751
  background-color: var(--semi-color-fill-0);
1751
1752
  border: 0 transparent solid;
1752
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
1753
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
1753
1754
  transform: scale(var(--semi-transform_scale-none));
1754
1755
  }
1755
1756
  .semi-button-light:not(.semi-button-disabled):hover {
@@ -2783,7 +2784,7 @@ body {
2783
2784
  }
2784
2785
  .semi-carousel-indicator-dot .semi-carousel-indicator-item-primary {
2785
2786
  background-color: rgba(var(--semi-blue-6), 0.4);
2786
- transition: background-color var(--semi-transition_delay-fastest) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2787
+ transition: background-color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2787
2788
  }
2788
2789
  .semi-carousel-indicator-dot .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
2789
2790
  background: rgba(var(--semi-blue-6), 1);
@@ -2796,7 +2797,7 @@ body {
2796
2797
  }
2797
2798
  .semi-carousel-indicator-dot .semi-carousel-indicator-item-light {
2798
2799
  background-color: rgba(var(--semi-white), 0.4);
2799
- transition: background-color var(--semi-transition_delay-fastest) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2800
+ transition: background-color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2800
2801
  }
2801
2802
  .semi-carousel-indicator-dot .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
2802
2803
  background: rgba(var(--semi-white), 1);
@@ -2809,7 +2810,7 @@ body {
2809
2810
  }
2810
2811
  .semi-carousel-indicator-dot .semi-carousel-indicator-item-dark {
2811
2812
  background-color: rgba(var(--semi-black), 0.5);
2812
- transition: background-color var(--semi-transition_delay-fastest) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2813
+ transition: background-color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2813
2814
  }
2814
2815
  .semi-carousel-indicator-dot .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
2815
2816
  background-color: rgba(var(--semi-black), 1);
@@ -2949,21 +2950,21 @@ body {
2949
2950
  }
2950
2951
  .semi-carousel-arrow-light {
2951
2952
  color: rgba(var(--semi-white), 0.4);
2952
- transition: color var(--semi-transition_delay-fastest) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2953
+ transition: color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2953
2954
  }
2954
2955
  .semi-carousel-arrow-light:hover {
2955
2956
  color: rgba(var(--semi-white), 1);
2956
2957
  }
2957
2958
  .semi-carousel-arrow-primary {
2958
2959
  color: rgba(var(--semi-blue-6), 0.4);
2959
- transition: color var(--semi-transition_delay-fastest) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2960
+ transition: color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2960
2961
  }
2961
2962
  .semi-carousel-arrow-primary:hover {
2962
2963
  color: rgba(var(--semi-blue-6), 1);
2963
2964
  }
2964
2965
  .semi-carousel-arrow-dark {
2965
2966
  color: rgba(var(--semi-black), 0.5);
2966
- transition: color var(--semi-transition_delay-fastest) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2967
+ transition: color var(--semi-transition_delay-none) var(--semi-transition_function-easeOut) var(--semi-transition_delay-none);
2967
2968
  }
2968
2969
  .semi-carousel-arrow-dark:hover {
2969
2970
  color: rgba(var(--semi-black), 1);
@@ -3357,7 +3358,7 @@ body {
3357
3358
  align-items: center;
3358
3359
  justify-content: space-between;
3359
3360
  cursor: pointer;
3360
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
3361
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3361
3362
  font-size: 14px;
3362
3363
  line-height: 20px;
3363
3364
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -3381,6 +3382,18 @@ body {
3381
3382
  .semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
3382
3383
  margin-right: 8px;
3383
3384
  }
3385
+ .semi-cascader-option-lists .semi-cascader-option-icon-left {
3386
+ margin-left: 8px;
3387
+ }
3388
+ .semi-cascader-option-lists .semi-cascader-option-spin-icon {
3389
+ width: 16px;
3390
+ height: 16px;
3391
+ line-height: 0;
3392
+ }
3393
+ .semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
3394
+ width: 16px;
3395
+ height: 16px;
3396
+ }
3384
3397
  .semi-cascader-option-lists .semi-cascader-option-label {
3385
3398
  display: flex;
3386
3399
  align-items: center;
@@ -3513,7 +3526,7 @@ body {
3513
3526
  line-height: 20px;
3514
3527
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
3515
3528
  cursor: pointer;
3516
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
3529
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3517
3530
  transform: scale(var(--semi-transform_scale-none));
3518
3531
  column-gap: 8px;
3519
3532
  }
@@ -3579,7 +3592,7 @@ body {
3579
3592
  height: 16px;
3580
3593
  margin: 0;
3581
3594
  background: transparent;
3582
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
3595
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3583
3596
  box-shadow: inset 0 0 0 1px var(--semi-color-text-3);
3584
3597
  border-radius: var(--semi-border-radius-extra-small);
3585
3598
  }
@@ -3894,7 +3907,7 @@ body {
3894
3907
  }
3895
3908
 
3896
3909
  .semi-collapsible-transition {
3897
- transition: height 250ms cubic-bezier(0.25, 0.1, 0.25, 1) var(--semi-transition_delay-fastest), opacity 250ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
3910
+ transition: height 250ms cubic-bezier(0.25, 0.1, 0.25, 1) var(--semi-transition_delay-none), opacity 250ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3898
3911
  }
3899
3912
 
3900
3913
  .semi-datepicker {
@@ -5391,7 +5404,7 @@ body {
5391
5404
  max-width: 280px;
5392
5405
  display: flex;
5393
5406
  align-items: center;
5394
- transition: background-color var(--semi-transition_duration-fastest) var(--semi-transition_function-easeOut) 0ms;
5407
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
5395
5408
  }
5396
5409
  .semi-dropdown-item:not(.semi-dropdown-item-active):hover {
5397
5410
  background-color: var(--semi-color-fill-0);
@@ -5565,7 +5578,6 @@ body {
5565
5578
  }
5566
5579
  .semi-form-field-label {
5567
5580
  box-sizing: border-box;
5568
- padding-right: 16px;
5569
5581
  font-weight: 600;
5570
5582
  color: var(--semi-color-text-0);
5571
5583
  margin-bottom: 4px;
@@ -5752,7 +5764,6 @@ body {
5752
5764
  .semi-rtl .semi-form-field-label,
5753
5765
  .semi-portal-rtl .semi-form-field-label {
5754
5766
  padding-right: 0;
5755
- padding-left: 16px;
5756
5767
  }
5757
5768
  .semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
5758
5769
  .semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
@@ -11376,7 +11387,7 @@ img[src=""], img:not([src]) {
11376
11387
  }
11377
11388
  }
11378
11389
  .semi-input {
11379
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
11390
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
11380
11391
  transform: scale(var(--semi-transform_scale-none));
11381
11392
  }
11382
11393
 
@@ -11396,7 +11407,7 @@ img[src=""], img:not([src]) {
11396
11407
  cursor: text;
11397
11408
  box-sizing: border-box;
11398
11409
  color: var(--semi-color-text-0);
11399
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
11410
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
11400
11411
  transform: scale(var(--semi-transform_scale-none));
11401
11412
  }
11402
11413
  .semi-input-wrapper-default {
@@ -11974,7 +11985,7 @@ img[src=""], img:not([src]) {
11974
11985
  display: inline-flex;
11975
11986
  align-items: center;
11976
11987
  box-sizing: border-box;
11977
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
11988
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
11978
11989
  transform: scale(var(--semi-transform_scale-none));
11979
11990
  }
11980
11991
  .semi-input-number-suffix-btns {
@@ -12526,7 +12537,7 @@ img[src=""], img:not([src]) {
12526
12537
  font-weight: 400;
12527
12538
  color: var(--semi-color-text-0);
12528
12539
  width: 100%;
12529
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
12540
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
12530
12541
  }
12531
12542
  .semi-navigation-sub-wrap .semi-navigation-sub-title-text, .semi-navigation-item-text {
12532
12543
  overflow: hidden;
@@ -13611,7 +13622,7 @@ img[src=""], img:not([src]) {
13611
13622
  display: flex;
13612
13623
  align-items: center;
13613
13624
  justify-content: center;
13614
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
13625
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
13615
13626
  transform: scale(var(--semi-transform_scale-none));
13616
13627
  }
13617
13628
  .semi-page-item:hover {
@@ -14135,7 +14146,7 @@ img[src=""], img:not([src]) {
14135
14146
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14136
14147
  display: inline-flex;
14137
14148
  column-gap: 8px;
14138
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14149
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14139
14150
  min-height: 20px;
14140
14151
  min-width: 16px;
14141
14152
  cursor: pointer;
@@ -14205,7 +14216,7 @@ img[src=""], img:not([src]) {
14205
14216
  padding: 12px 16px;
14206
14217
  background: transparent;
14207
14218
  border: 1px solid transparent;
14208
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14219
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14209
14220
  }
14210
14221
  .semi-radio-cardRadioGroup .semi-radio-inner {
14211
14222
  flex-shrink: 0;
@@ -14292,7 +14303,7 @@ img[src=""], img:not([src]) {
14292
14303
  border: solid 1px var(--semi-color-text-3);
14293
14304
  border-radius: 16px;
14294
14305
  background: transparent;
14295
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14306
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14296
14307
  }
14297
14308
  .semi-radio-inner-display .semi-icon {
14298
14309
  width: 100%;
@@ -14322,7 +14333,7 @@ img[src=""], img:not([src]) {
14322
14333
  color: var(--semi-color-text-1);
14323
14334
  font-size: 12px;
14324
14335
  padding: 4px 16px;
14325
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14336
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14326
14337
  }
14327
14338
  .semi-radio-addon-buttonRadio-hover {
14328
14339
  font-weight: 600;
@@ -14515,7 +14526,7 @@ img[src=""], img:not([src]) {
14515
14526
  height: 100%;
14516
14527
  }
14517
14528
  .semi-rating-star-first, .semi-rating-star-second {
14518
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14529
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14519
14530
  color: var(--semi-color-fill-0);
14520
14531
  user-select: none;
14521
14532
  }
@@ -14618,7 +14629,7 @@ img[src=""], img:not([src]) {
14618
14629
  justify-content: center;
14619
14630
  cursor: pointer;
14620
14631
  background-color: transparent;
14621
- transition: background-color var(--semi-transition_duration-fastest) var(--semi-transition_function-easeOut) 0ms;
14632
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
14622
14633
  }
14623
14634
  .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel,
14624
14635
  .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {
@@ -14749,7 +14760,7 @@ img[src=""], img:not([src]) {
14749
14760
  align-items: center;
14750
14761
  cursor: pointer;
14751
14762
  box-sizing: border-box;
14752
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14763
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14753
14764
  }
14754
14765
  .semi-select-option-icon {
14755
14766
  width: 12px;
@@ -14812,7 +14823,7 @@ img[src=""], img:not([src]) {
14812
14823
  position: relative;
14813
14824
  outline: none;
14814
14825
  cursor: pointer;
14815
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
14826
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14816
14827
  transform: scale(var(--semi-transform_scale-none));
14817
14828
  }
14818
14829
  .semi-select:hover {
@@ -15589,7 +15600,7 @@ img[src=""], img:not([src]) {
15589
15600
  border: none;
15590
15601
  border-radius: 50%;
15591
15602
  cursor: pointer;
15592
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
15603
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
15593
15604
  transform: scale(var(--semi-transform_scale-small));
15594
15605
  }
15595
15606
  .semi-slider-handle:focus-visible {
@@ -15907,9 +15918,9 @@ img[src=""], img:not([src]) {
15907
15918
  border: 1px solid transparent;
15908
15919
  border-radius: var(--semi-border-radius-medium);
15909
15920
  padding: 12px 16px;
15910
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
15921
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
15911
15922
  transform: scale(var(--semi-transform_scale-small));
15912
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
15923
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
15913
15924
  }
15914
15925
  .semi-steps .semi-steps-item .semi-steps-item-title {
15915
15926
  position: relative;
@@ -15922,7 +15933,7 @@ img[src=""], img:not([src]) {
15922
15933
  text-overflow: ellipsis;
15923
15934
  white-space: nowrap;
15924
15935
  color: var(--semi-color-text-0);
15925
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
15936
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
15926
15937
  }
15927
15938
  .semi-steps .semi-steps-item .semi-steps-item-description {
15928
15939
  font-size: 14px;
@@ -16088,7 +16099,7 @@ img[src=""], img:not([src]) {
16088
16099
  overflow: hidden;
16089
16100
  text-overflow: ellipsis;
16090
16101
  white-space: nowrap;
16091
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
16102
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16092
16103
  }
16093
16104
  .semi-steps-basic.semi-steps-vertical {
16094
16105
  display: flex;
@@ -16151,7 +16162,7 @@ img[src=""], img:not([src]) {
16151
16162
  overflow: hidden;
16152
16163
  flex: 1;
16153
16164
  cursor: pointer;
16154
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
16165
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16155
16166
  transform: scale(var(--semi-transform_scale-small));
16156
16167
  }
16157
16168
  .semi-steps-basic .semi-steps-item:hover .semi-steps-item-title {
@@ -16188,7 +16199,7 @@ img[src=""], img:not([src]) {
16188
16199
  background: var(--semi-color-primary);
16189
16200
  border-radius: var(--semi-border-radius-circle);
16190
16201
  color: var(--semi-color-white);
16191
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
16202
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16192
16203
  }
16193
16204
  .semi-steps-basic .semi-steps-item .semi-steps-item-title {
16194
16205
  position: relative;
@@ -16202,7 +16213,7 @@ img[src=""], img:not([src]) {
16202
16213
  vertical-align: top;
16203
16214
  padding-right: 16px;
16204
16215
  padding-bottom: 4px;
16205
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
16216
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16206
16217
  }
16207
16218
  .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
16208
16219
  color: var(--semi-color-primary);
@@ -16350,7 +16361,7 @@ img[src=""], img:not([src]) {
16350
16361
  position: relative;
16351
16362
  cursor: pointer;
16352
16363
  background-color: var(--semi-color-fill-0);
16353
- transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
16364
+ transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16354
16365
  width: 40px;
16355
16366
  height: 24px;
16356
16367
  }
@@ -16875,10 +16886,10 @@ img[src=""], img:not([src]) {
16875
16886
  box-shadow: -3px 0 0 0 var(--semi-color-shadow);
16876
16887
  }
16877
16888
  .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed > * {
16878
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeOut) 0ms;
16889
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
16879
16890
  }
16880
16891
  .semi-table-tbody > .semi-table-row > * {
16881
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeOut) 0ms;
16892
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
16882
16893
  }
16883
16894
  .semi-table-tbody > .semi-table-row-section {
16884
16895
  display: table-row;
@@ -17252,7 +17263,7 @@ img[src=""], img:not([src]) {
17252
17263
  margin-right: 8px;
17253
17264
  top: 3px;
17254
17265
  color: var(--semi-color-text-2);
17255
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
17266
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17256
17267
  }
17257
17268
  .semi-tabs-bar .semi-tabs-tab .semi-icon-close {
17258
17269
  margin-right: 0;
@@ -17316,12 +17327,52 @@ img[src=""], img:not([src]) {
17316
17327
  outline: 2px solid var(--semi-color-primary-light-active);
17317
17328
  outline-offset: -2px;
17318
17329
  }
17330
+ .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled {
17331
+ color: var(--semi-color-disabled-text);
17332
+ background-color: transparent;
17333
+ }
17334
+ .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled:hover {
17335
+ color: var(--semi-color-disabled-text);
17336
+ background-color: transparent;
17337
+ }
17319
17338
  .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
17320
17339
  margin-right: 4px;
17321
17340
  }
17341
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button {
17342
+ color: var(--semi-color-primary);
17343
+ padding: 8px;
17344
+ border: 0px solid transparent;
17345
+ background-color: transparent;
17346
+ }
17347
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button:hover {
17348
+ background-color: var(--semi-color-fill-0);
17349
+ color: var(--semi-color-primary);
17350
+ border-color: transparent;
17351
+ }
17352
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button:active {
17353
+ background-color: var(--semi-color-fill-1);
17354
+ color: var(--semi-color-primary);
17355
+ border-color: transparent;
17356
+ }
17322
17357
  .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
17323
17358
  margin-left: 4px;
17324
17359
  }
17360
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button {
17361
+ color: var(--semi-color-primary);
17362
+ padding: 8px;
17363
+ border: 0px solid transparent;
17364
+ background-color: transparent;
17365
+ }
17366
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button:hover {
17367
+ background-color: var(--semi-color-fill-0);
17368
+ color: var(--semi-color-primary);
17369
+ border-color: transparent;
17370
+ }
17371
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button:active {
17372
+ background-color: var(--semi-color-fill-1);
17373
+ color: var(--semi-color-primary);
17374
+ border-color: transparent;
17375
+ }
17325
17376
  .semi-tabs-bar-dropdown {
17326
17377
  max-height: 300px;
17327
17378
  overflow-y: auto;
@@ -17334,12 +17385,12 @@ img[src=""], img:not([src]) {
17334
17385
  }
17335
17386
  .semi-tabs-bar-line.semi-tabs-bar-top {
17336
17387
  border-bottom: 1px solid var(--semi-color-border);
17337
- transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
17388
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17338
17389
  transform: scale(var(--semi-transform_scale-none));
17339
17390
  }
17340
17391
  .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
17341
17392
  padding: 16px 4px 14px 4px;
17342
- transition: border-bottom-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
17393
+ transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17343
17394
  border-bottom: 2px solid transparent;
17344
17395
  }
17345
17396
  .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:nth-of-type(1) {
@@ -17373,7 +17424,7 @@ img[src=""], img:not([src]) {
17373
17424
  .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
17374
17425
  padding: 12px;
17375
17426
  border-left: 2px solid transparent;
17376
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
17427
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17377
17428
  }
17378
17429
  .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
17379
17430
  border-left: 2px solid var(--semi-color-fill-0);
@@ -17464,7 +17515,7 @@ img[src=""], img:not([src]) {
17464
17515
  }
17465
17516
  .semi-tabs-bar-card .semi-tabs-tab {
17466
17517
  padding: 8px 12px;
17467
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
17518
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17468
17519
  transform: scale(var(--semi-transform_scale-none));
17469
17520
  }
17470
17521
  .semi-tabs-bar-card .semi-tabs-tab:hover {
@@ -17491,7 +17542,7 @@ img[src=""], img:not([src]) {
17491
17542
  border-radius: var(--semi-border-radius-small);
17492
17543
  color: var(--semi-color-text-2);
17493
17544
  border: none;
17494
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
17545
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17495
17546
  transform: scale(var(--semi-transform_scale-none));
17496
17547
  }
17497
17548
  .semi-tabs-bar-button .semi-tabs-tab:hover {
@@ -18139,7 +18190,7 @@ img[src=""], img:not([src]) {
18139
18190
  font-weight: 400;
18140
18191
  width: 100%;
18141
18192
  box-sizing: border-box;
18142
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
18193
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
18143
18194
  }
18144
18195
  .semi-tagInput-drag-item {
18145
18196
  display: flex;
@@ -18980,7 +19031,7 @@ img[src=""], img:not([src]) {
18980
19031
  flex-wrap: nowrap;
18981
19032
  color: var(--semi-color-text-1);
18982
19033
  cursor: pointer;
18983
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
19034
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
18984
19035
  }
18985
19036
  .semi-transfer-item:hover {
18986
19037
  background-color: var(--semi-color-fill-0);
@@ -19153,7 +19204,7 @@ img[src=""], img:not([src]) {
19153
19204
  display: flex;
19154
19205
  align-items: center;
19155
19206
  cursor: pointer;
19156
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
19207
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
19157
19208
  transform: scale(var(--semi-transform_scale-none));
19158
19209
  font-size: 14px;
19159
19210
  line-height: 20px;
@@ -20842,7 +20893,7 @@ p.semi-typography-extended,
20842
20893
  border-radius: var(--semi-border-radius-small);
20843
20894
  vertical-align: bottom;
20844
20895
  background-color: var(--semi-color-fill-0);
20845
- transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
20896
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
20846
20897
  }
20847
20898
  .semi-input-textarea-wrapper:hover {
20848
20899
  background-color: var(--semi-color-fill-1);