@douyinfe/semi-ui 2.23.0-beta.1 → 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.
Files changed (25) hide show
  1. package/dist/css/semi.css +96 -57
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +47 -36
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/_base/base.css +1 -0
  8. package/lib/cjs/datePicker/yearAndMonth.js +0 -1
  9. package/lib/cjs/dropdown/dropdownMenu.d.ts +0 -2
  10. package/lib/cjs/dropdown/dropdownMenu.js +1 -7
  11. package/lib/cjs/dropdown/index.d.ts +3 -1
  12. package/lib/cjs/dropdown/index.js +5 -2
  13. package/lib/cjs/select/index.js +1 -1
  14. package/lib/cjs/tooltip/index.d.ts +1 -0
  15. package/lib/cjs/tooltip/index.js +7 -1
  16. package/lib/es/_base/base.css +1 -0
  17. package/lib/es/datePicker/yearAndMonth.js +0 -1
  18. package/lib/es/dropdown/dropdownMenu.d.ts +0 -2
  19. package/lib/es/dropdown/dropdownMenu.js +1 -7
  20. package/lib/es/dropdown/index.d.ts +3 -1
  21. package/lib/es/dropdown/index.js +5 -2
  22. package/lib/es/select/index.js +1 -1
  23. package/lib/es/tooltip/index.d.ts +1 -0
  24. package/lib/es/tooltip/index.js +6 -1
  25. package/package.json +7 -7
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;
@@ -3525,7 +3526,7 @@ body {
3525
3526
  line-height: 20px;
3526
3527
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
3527
3528
  cursor: pointer;
3528
- 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);
3529
3530
  transform: scale(var(--semi-transform_scale-none));
3530
3531
  column-gap: 8px;
3531
3532
  }
@@ -3591,7 +3592,7 @@ body {
3591
3592
  height: 16px;
3592
3593
  margin: 0;
3593
3594
  background: transparent;
3594
- 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);
3595
3596
  box-shadow: inset 0 0 0 1px var(--semi-color-text-3);
3596
3597
  border-radius: var(--semi-border-radius-extra-small);
3597
3598
  }
@@ -3906,7 +3907,7 @@ body {
3906
3907
  }
3907
3908
 
3908
3909
  .semi-collapsible-transition {
3909
- 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);
3910
3911
  }
3911
3912
 
3912
3913
  .semi-datepicker {
@@ -5403,7 +5404,7 @@ body {
5403
5404
  max-width: 280px;
5404
5405
  display: flex;
5405
5406
  align-items: center;
5406
- 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;
5407
5408
  }
5408
5409
  .semi-dropdown-item:not(.semi-dropdown-item-active):hover {
5409
5410
  background-color: var(--semi-color-fill-0);
@@ -5577,7 +5578,6 @@ body {
5577
5578
  }
5578
5579
  .semi-form-field-label {
5579
5580
  box-sizing: border-box;
5580
- padding-right: 16px;
5581
5581
  font-weight: 600;
5582
5582
  color: var(--semi-color-text-0);
5583
5583
  margin-bottom: 4px;
@@ -5764,7 +5764,6 @@ body {
5764
5764
  .semi-rtl .semi-form-field-label,
5765
5765
  .semi-portal-rtl .semi-form-field-label {
5766
5766
  padding-right: 0;
5767
- padding-left: 16px;
5768
5767
  }
5769
5768
  .semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
5770
5769
  .semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
@@ -11388,7 +11387,7 @@ img[src=""], img:not([src]) {
11388
11387
  }
11389
11388
  }
11390
11389
  .semi-input {
11391
- 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);
11392
11391
  transform: scale(var(--semi-transform_scale-none));
11393
11392
  }
11394
11393
 
@@ -11408,7 +11407,7 @@ img[src=""], img:not([src]) {
11408
11407
  cursor: text;
11409
11408
  box-sizing: border-box;
11410
11409
  color: var(--semi-color-text-0);
11411
- 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);
11412
11411
  transform: scale(var(--semi-transform_scale-none));
11413
11412
  }
11414
11413
  .semi-input-wrapper-default {
@@ -11986,7 +11985,7 @@ img[src=""], img:not([src]) {
11986
11985
  display: inline-flex;
11987
11986
  align-items: center;
11988
11987
  box-sizing: border-box;
11989
- 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);
11990
11989
  transform: scale(var(--semi-transform_scale-none));
11991
11990
  }
11992
11991
  .semi-input-number-suffix-btns {
@@ -12538,7 +12537,7 @@ img[src=""], img:not([src]) {
12538
12537
  font-weight: 400;
12539
12538
  color: var(--semi-color-text-0);
12540
12539
  width: 100%;
12541
- 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);
12542
12541
  }
12543
12542
  .semi-navigation-sub-wrap .semi-navigation-sub-title-text, .semi-navigation-item-text {
12544
12543
  overflow: hidden;
@@ -13623,7 +13622,7 @@ img[src=""], img:not([src]) {
13623
13622
  display: flex;
13624
13623
  align-items: center;
13625
13624
  justify-content: center;
13626
- 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);
13627
13626
  transform: scale(var(--semi-transform_scale-none));
13628
13627
  }
13629
13628
  .semi-page-item:hover {
@@ -14147,7 +14146,7 @@ img[src=""], img:not([src]) {
14147
14146
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14148
14147
  display: inline-flex;
14149
14148
  column-gap: 8px;
14150
- 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);
14151
14150
  min-height: 20px;
14152
14151
  min-width: 16px;
14153
14152
  cursor: pointer;
@@ -14217,7 +14216,7 @@ img[src=""], img:not([src]) {
14217
14216
  padding: 12px 16px;
14218
14217
  background: transparent;
14219
14218
  border: 1px solid transparent;
14220
- 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);
14221
14220
  }
14222
14221
  .semi-radio-cardRadioGroup .semi-radio-inner {
14223
14222
  flex-shrink: 0;
@@ -14304,7 +14303,7 @@ img[src=""], img:not([src]) {
14304
14303
  border: solid 1px var(--semi-color-text-3);
14305
14304
  border-radius: 16px;
14306
14305
  background: transparent;
14307
- 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);
14308
14307
  }
14309
14308
  .semi-radio-inner-display .semi-icon {
14310
14309
  width: 100%;
@@ -14334,7 +14333,7 @@ img[src=""], img:not([src]) {
14334
14333
  color: var(--semi-color-text-1);
14335
14334
  font-size: 12px;
14336
14335
  padding: 4px 16px;
14337
- 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);
14338
14337
  }
14339
14338
  .semi-radio-addon-buttonRadio-hover {
14340
14339
  font-weight: 600;
@@ -14527,7 +14526,7 @@ img[src=""], img:not([src]) {
14527
14526
  height: 100%;
14528
14527
  }
14529
14528
  .semi-rating-star-first, .semi-rating-star-second {
14530
- 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);
14531
14530
  color: var(--semi-color-fill-0);
14532
14531
  user-select: none;
14533
14532
  }
@@ -14630,7 +14629,7 @@ img[src=""], img:not([src]) {
14630
14629
  justify-content: center;
14631
14630
  cursor: pointer;
14632
14631
  background-color: transparent;
14633
- 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;
14634
14633
  }
14635
14634
  .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel,
14636
14635
  .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {
@@ -14761,7 +14760,7 @@ img[src=""], img:not([src]) {
14761
14760
  align-items: center;
14762
14761
  cursor: pointer;
14763
14762
  box-sizing: border-box;
14764
- 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);
14765
14764
  }
14766
14765
  .semi-select-option-icon {
14767
14766
  width: 12px;
@@ -14824,7 +14823,7 @@ img[src=""], img:not([src]) {
14824
14823
  position: relative;
14825
14824
  outline: none;
14826
14825
  cursor: pointer;
14827
- 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);
14828
14827
  transform: scale(var(--semi-transform_scale-none));
14829
14828
  }
14830
14829
  .semi-select:hover {
@@ -15601,7 +15600,7 @@ img[src=""], img:not([src]) {
15601
15600
  border: none;
15602
15601
  border-radius: 50%;
15603
15602
  cursor: pointer;
15604
- 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);
15605
15604
  transform: scale(var(--semi-transform_scale-small));
15606
15605
  }
15607
15606
  .semi-slider-handle:focus-visible {
@@ -15919,9 +15918,9 @@ img[src=""], img:not([src]) {
15919
15918
  border: 1px solid transparent;
15920
15919
  border-radius: var(--semi-border-radius-medium);
15921
15920
  padding: 12px 16px;
15922
- 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);
15923
15922
  transform: scale(var(--semi-transform_scale-small));
15924
- 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);
15925
15924
  }
15926
15925
  .semi-steps .semi-steps-item .semi-steps-item-title {
15927
15926
  position: relative;
@@ -15934,7 +15933,7 @@ img[src=""], img:not([src]) {
15934
15933
  text-overflow: ellipsis;
15935
15934
  white-space: nowrap;
15936
15935
  color: var(--semi-color-text-0);
15937
- 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);
15938
15937
  }
15939
15938
  .semi-steps .semi-steps-item .semi-steps-item-description {
15940
15939
  font-size: 14px;
@@ -16100,7 +16099,7 @@ img[src=""], img:not([src]) {
16100
16099
  overflow: hidden;
16101
16100
  text-overflow: ellipsis;
16102
16101
  white-space: nowrap;
16103
- 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);
16104
16103
  }
16105
16104
  .semi-steps-basic.semi-steps-vertical {
16106
16105
  display: flex;
@@ -16163,7 +16162,7 @@ img[src=""], img:not([src]) {
16163
16162
  overflow: hidden;
16164
16163
  flex: 1;
16165
16164
  cursor: pointer;
16166
- 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);
16167
16166
  transform: scale(var(--semi-transform_scale-small));
16168
16167
  }
16169
16168
  .semi-steps-basic .semi-steps-item:hover .semi-steps-item-title {
@@ -16200,7 +16199,7 @@ img[src=""], img:not([src]) {
16200
16199
  background: var(--semi-color-primary);
16201
16200
  border-radius: var(--semi-border-radius-circle);
16202
16201
  color: var(--semi-color-white);
16203
- 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);
16204
16203
  }
16205
16204
  .semi-steps-basic .semi-steps-item .semi-steps-item-title {
16206
16205
  position: relative;
@@ -16214,7 +16213,7 @@ img[src=""], img:not([src]) {
16214
16213
  vertical-align: top;
16215
16214
  padding-right: 16px;
16216
16215
  padding-bottom: 4px;
16217
- 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);
16218
16217
  }
16219
16218
  .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
16220
16219
  color: var(--semi-color-primary);
@@ -16362,7 +16361,7 @@ img[src=""], img:not([src]) {
16362
16361
  position: relative;
16363
16362
  cursor: pointer;
16364
16363
  background-color: var(--semi-color-fill-0);
16365
- 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);
16366
16365
  width: 40px;
16367
16366
  height: 24px;
16368
16367
  }
@@ -16887,10 +16886,10 @@ img[src=""], img:not([src]) {
16887
16886
  box-shadow: -3px 0 0 0 var(--semi-color-shadow);
16888
16887
  }
16889
16888
  .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed > * {
16890
- 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;
16891
16890
  }
16892
16891
  .semi-table-tbody > .semi-table-row > * {
16893
- 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;
16894
16893
  }
16895
16894
  .semi-table-tbody > .semi-table-row-section {
16896
16895
  display: table-row;
@@ -17264,7 +17263,7 @@ img[src=""], img:not([src]) {
17264
17263
  margin-right: 8px;
17265
17264
  top: 3px;
17266
17265
  color: var(--semi-color-text-2);
17267
- 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);
17268
17267
  }
17269
17268
  .semi-tabs-bar .semi-tabs-tab .semi-icon-close {
17270
17269
  margin-right: 0;
@@ -17328,12 +17327,52 @@ img[src=""], img:not([src]) {
17328
17327
  outline: 2px solid var(--semi-color-primary-light-active);
17329
17328
  outline-offset: -2px;
17330
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
+ }
17331
17338
  .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
17332
17339
  margin-right: 4px;
17333
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
+ }
17334
17357
  .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
17335
17358
  margin-left: 4px;
17336
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
+ }
17337
17376
  .semi-tabs-bar-dropdown {
17338
17377
  max-height: 300px;
17339
17378
  overflow-y: auto;
@@ -17346,12 +17385,12 @@ img[src=""], img:not([src]) {
17346
17385
  }
17347
17386
  .semi-tabs-bar-line.semi-tabs-bar-top {
17348
17387
  border-bottom: 1px solid var(--semi-color-border);
17349
- 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);
17350
17389
  transform: scale(var(--semi-transform_scale-none));
17351
17390
  }
17352
17391
  .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
17353
17392
  padding: 16px 4px 14px 4px;
17354
- 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);
17355
17394
  border-bottom: 2px solid transparent;
17356
17395
  }
17357
17396
  .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:nth-of-type(1) {
@@ -17385,7 +17424,7 @@ img[src=""], img:not([src]) {
17385
17424
  .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
17386
17425
  padding: 12px;
17387
17426
  border-left: 2px solid transparent;
17388
- 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);
17389
17428
  }
17390
17429
  .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
17391
17430
  border-left: 2px solid var(--semi-color-fill-0);
@@ -17476,7 +17515,7 @@ img[src=""], img:not([src]) {
17476
17515
  }
17477
17516
  .semi-tabs-bar-card .semi-tabs-tab {
17478
17517
  padding: 8px 12px;
17479
- 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);
17480
17519
  transform: scale(var(--semi-transform_scale-none));
17481
17520
  }
17482
17521
  .semi-tabs-bar-card .semi-tabs-tab:hover {
@@ -17503,7 +17542,7 @@ img[src=""], img:not([src]) {
17503
17542
  border-radius: var(--semi-border-radius-small);
17504
17543
  color: var(--semi-color-text-2);
17505
17544
  border: none;
17506
- 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);
17507
17546
  transform: scale(var(--semi-transform_scale-none));
17508
17547
  }
17509
17548
  .semi-tabs-bar-button .semi-tabs-tab:hover {
@@ -18151,7 +18190,7 @@ img[src=""], img:not([src]) {
18151
18190
  font-weight: 400;
18152
18191
  width: 100%;
18153
18192
  box-sizing: border-box;
18154
- 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);
18155
18194
  }
18156
18195
  .semi-tagInput-drag-item {
18157
18196
  display: flex;
@@ -18992,7 +19031,7 @@ img[src=""], img:not([src]) {
18992
19031
  flex-wrap: nowrap;
18993
19032
  color: var(--semi-color-text-1);
18994
19033
  cursor: pointer;
18995
- 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);
18996
19035
  }
18997
19036
  .semi-transfer-item:hover {
18998
19037
  background-color: var(--semi-color-fill-0);
@@ -19165,7 +19204,7 @@ img[src=""], img:not([src]) {
19165
19204
  display: flex;
19166
19205
  align-items: center;
19167
19206
  cursor: pointer;
19168
- 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);
19169
19208
  transform: scale(var(--semi-transform_scale-none));
19170
19209
  font-size: 14px;
19171
19210
  line-height: 20px;
@@ -20854,7 +20893,7 @@ p.semi-typography-extended,
20854
20893
  border-radius: var(--semi-border-radius-small);
20855
20894
  vertical-align: bottom;
20856
20895
  background-color: var(--semi-color-fill-0);
20857
- 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);
20858
20897
  }
20859
20898
  .semi-input-textarea-wrapper:hover {
20860
20899
  background-color: var(--semi-color-fill-1);