@douyinfe/semi-ui 2.35.0 → 2.36.0-beta.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 (75) hide show
  1. package/dist/css/semi.css +142 -17
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +193 -106
  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/anchor/index.d.ts +2 -1
  8. package/lib/cjs/anchor/link.js +13 -6
  9. package/lib/cjs/calendar/dayCalendar.d.ts +2 -1
  10. package/lib/cjs/calendar/dayCalendar.js +7 -2
  11. package/lib/cjs/calendar/index.d.ts +1 -0
  12. package/lib/cjs/calendar/index.js +1 -0
  13. package/lib/cjs/calendar/interface.d.ts +2 -0
  14. package/lib/cjs/calendar/monthCalendar.d.ts +1 -1
  15. package/lib/cjs/calendar/monthCalendar.js +12 -4
  16. package/lib/cjs/calendar/rangeCalendar.d.ts +3 -1
  17. package/lib/cjs/calendar/rangeCalendar.js +23 -9
  18. package/lib/cjs/calendar/weekCalendar.d.ts +3 -1
  19. package/lib/cjs/calendar/weekCalendar.js +23 -9
  20. package/lib/cjs/datePicker/datePicker.js +12 -4
  21. package/lib/cjs/datePicker/monthsGrid.js +6 -2
  22. package/lib/cjs/datePicker/yearAndMonth.d.ts +2 -0
  23. package/lib/cjs/datePicker/yearAndMonth.js +4 -2
  24. package/lib/cjs/input/textarea.d.ts +1 -1
  25. package/lib/cjs/navigation/Footer.d.ts +3 -0
  26. package/lib/cjs/navigation/Footer.js +19 -9
  27. package/lib/cjs/navigation/SubNav.d.ts +1 -13
  28. package/lib/cjs/navigation/SubNav.js +4 -19
  29. package/lib/cjs/navigation/index.d.ts +4 -1
  30. package/lib/cjs/navigation/index.js +7 -1
  31. package/lib/cjs/select/index.d.ts +2 -1
  32. package/lib/cjs/select/index.js +4 -0
  33. package/lib/cjs/table/Body/index.d.ts +1 -1
  34. package/lib/cjs/table/ResizableTable.d.ts +1 -1
  35. package/lib/cjs/table/TableHeaderRow.js +22 -14
  36. package/lib/cjs/table/interface.d.ts +5 -1
  37. package/lib/cjs/typography/base.d.ts +1 -0
  38. package/lib/cjs/typography/base.js +28 -14
  39. package/lib/cjs/typography/title.d.ts +2 -0
  40. package/lib/cjs/typography/title.js +2 -1
  41. package/lib/es/anchor/index.d.ts +2 -1
  42. package/lib/es/anchor/link.js +12 -6
  43. package/lib/es/calendar/dayCalendar.d.ts +2 -1
  44. package/lib/es/calendar/dayCalendar.js +7 -2
  45. package/lib/es/calendar/index.d.ts +1 -0
  46. package/lib/es/calendar/index.js +1 -0
  47. package/lib/es/calendar/interface.d.ts +2 -0
  48. package/lib/es/calendar/monthCalendar.d.ts +1 -1
  49. package/lib/es/calendar/monthCalendar.js +12 -4
  50. package/lib/es/calendar/rangeCalendar.d.ts +3 -1
  51. package/lib/es/calendar/rangeCalendar.js +19 -9
  52. package/lib/es/calendar/weekCalendar.d.ts +3 -1
  53. package/lib/es/calendar/weekCalendar.js +19 -9
  54. package/lib/es/datePicker/datePicker.js +12 -4
  55. package/lib/es/datePicker/monthsGrid.js +6 -2
  56. package/lib/es/datePicker/yearAndMonth.d.ts +2 -0
  57. package/lib/es/datePicker/yearAndMonth.js +4 -2
  58. package/lib/es/input/textarea.d.ts +1 -1
  59. package/lib/es/navigation/Footer.d.ts +3 -0
  60. package/lib/es/navigation/Footer.js +16 -7
  61. package/lib/es/navigation/SubNav.d.ts +1 -13
  62. package/lib/es/navigation/SubNav.js +5 -20
  63. package/lib/es/navigation/index.d.ts +4 -1
  64. package/lib/es/navigation/index.js +7 -1
  65. package/lib/es/select/index.d.ts +2 -1
  66. package/lib/es/select/index.js +4 -0
  67. package/lib/es/table/Body/index.d.ts +1 -1
  68. package/lib/es/table/ResizableTable.d.ts +1 -1
  69. package/lib/es/table/TableHeaderRow.js +22 -14
  70. package/lib/es/table/interface.d.ts +5 -1
  71. package/lib/es/typography/base.d.ts +1 -0
  72. package/lib/es/typography/base.js +28 -14
  73. package/lib/es/typography/title.d.ts +2 -0
  74. package/lib/es/typography/title.js +2 -1
  75. package/package.json +8 -9
package/dist/css/semi.css CHANGED
@@ -2232,13 +2232,13 @@ body {
2232
2232
  justify-content: center;
2233
2233
  align-items: center;
2234
2234
  }
2235
- .semi-calendar-week-grid-row li span {
2235
+ .semi-calendar-week-grid-row li > span {
2236
2236
  display: flex;
2237
2237
  align-items: center;
2238
2238
  justify-content: center;
2239
2239
  line-height: 26px;
2240
2240
  }
2241
- .semi-calendar-week-grid-row li span:last-child {
2241
+ .semi-calendar-week-grid-row li > span:last-child {
2242
2242
  padding: 0 4px;
2243
2243
  }
2244
2244
  .semi-calendar-week .semi-calendar-all-day {
@@ -3971,7 +3971,6 @@ body {
3971
3971
  .semi-datepicker {
3972
3972
  box-sizing: border-box;
3973
3973
  display: inline-block;
3974
- vertical-align: top;
3975
3974
  }
3976
3975
  .semi-datepicker .semi-scrolllist-body .semi-scrolllist-item {
3977
3976
  -ms-overflow-style: none; /* Internet Explorer 10+ */
@@ -17010,6 +17009,12 @@ img[src=""], img:not([src]) {
17010
17009
  .semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
17011
17010
  background-color: var(--semi-color-bg-1);
17012
17011
  }
17012
+ .semi-table-align-center .semi-table-operate-wrapper {
17013
+ justify-content: center;
17014
+ }
17015
+ .semi-table-align-right .semi-table-operate-wrapper {
17016
+ justify-content: flex-end;
17017
+ }
17013
17018
  .semi-table-operate-wrapper {
17014
17019
  display: flex;
17015
17020
  justify-content: flex-start;
@@ -17552,14 +17557,14 @@ img[src=""], img:not([src]) {
17552
17557
  color: var(--semi-color-text-2);
17553
17558
  user-select: none;
17554
17559
  }
17555
- .semi-tabs-bar .semi-tabs-tab .semi-icon {
17560
+ .semi-tabs-bar .semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17556
17561
  position: relative;
17557
17562
  margin-right: 8px;
17558
17563
  top: 3px;
17559
17564
  color: var(--semi-color-text-2);
17560
17565
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17561
17566
  }
17562
- .semi-tabs-bar .semi-tabs-tab .semi-icon-close {
17567
+ .semi-tabs-bar .semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
17563
17568
  margin-right: 0;
17564
17569
  font-size: 14px;
17565
17570
  color: var(--semi-color-text-2);
@@ -17569,13 +17574,13 @@ img[src=""], img:not([src]) {
17569
17574
  .semi-tabs-bar .semi-tabs-tab:hover {
17570
17575
  color: var(--semi-color-text-0);
17571
17576
  }
17572
- .semi-tabs-bar .semi-tabs-tab:hover .semi-icon {
17577
+ .semi-tabs-bar .semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17573
17578
  color: var(--semi-color-text-0);
17574
17579
  }
17575
17580
  .semi-tabs-bar .semi-tabs-tab:active {
17576
17581
  color: var(--semi-color-text-0);
17577
17582
  }
17578
- .semi-tabs-bar .semi-tabs-tab:active .semi-icon {
17583
+ .semi-tabs-bar .semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17579
17584
  color: var(--semi-color-text-0);
17580
17585
  }
17581
17586
  .semi-tabs-bar .semi-tabs-tab-active, .semi-tabs-bar .semi-tabs-tab-active:hover {
@@ -17583,13 +17588,13 @@ img[src=""], img:not([src]) {
17583
17588
  font-weight: 600;
17584
17589
  color: var(--semi-color-text-0);
17585
17590
  }
17586
- .semi-tabs-bar .semi-tabs-tab-active .semi-icon, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon {
17591
+ .semi-tabs-bar .semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17587
17592
  color: var(--semi-color-primary);
17588
17593
  }
17589
- .semi-tabs-bar .semi-tabs-tab-active .semi-icon-close, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon-close {
17594
+ .semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
17590
17595
  color: var(--semi-color-text-2);
17591
17596
  }
17592
- .semi-tabs-bar .semi-tabs-tab-active .semi-icon-close:hover {
17597
+ .semi-tabs-bar .semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
17593
17598
  color: var(--semi-color-text-1);
17594
17599
  }
17595
17600
  .semi-tabs-bar .semi-tabs-tab-disabled {
@@ -17612,14 +17617,14 @@ img[src=""], img:not([src]) {
17612
17617
  color: var(--semi-color-text-2);
17613
17618
  user-select: none;
17614
17619
  }
17615
- .semi-tabs-tab-single.semi-tabs-tab .semi-icon {
17620
+ .semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17616
17621
  position: relative;
17617
17622
  margin-right: 8px;
17618
17623
  top: 3px;
17619
17624
  color: var(--semi-color-text-2);
17620
17625
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17621
17626
  }
17622
- .semi-tabs-tab-single.semi-tabs-tab .semi-icon-close {
17627
+ .semi-tabs-tab-single.semi-tabs-tab .semi-icon.semi-tabs-tab-icon-close {
17623
17628
  margin-right: 0;
17624
17629
  font-size: 14px;
17625
17630
  color: var(--semi-color-text-2);
@@ -17629,13 +17634,13 @@ img[src=""], img:not([src]) {
17629
17634
  .semi-tabs-tab-single.semi-tabs-tab:hover {
17630
17635
  color: var(--semi-color-text-0);
17631
17636
  }
17632
- .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon {
17637
+ .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17633
17638
  color: var(--semi-color-text-0);
17634
17639
  }
17635
17640
  .semi-tabs-tab-single.semi-tabs-tab:active {
17636
17641
  color: var(--semi-color-text-0);
17637
17642
  }
17638
- .semi-tabs-tab-single.semi-tabs-tab:active .semi-icon {
17643
+ .semi-tabs-tab-single.semi-tabs-tab:active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17639
17644
  color: var(--semi-color-text-0);
17640
17645
  }
17641
17646
  .semi-tabs-tab-single.semi-tabs-tab-active, .semi-tabs-tab-single.semi-tabs-tab-active:hover {
@@ -17643,13 +17648,13 @@ img[src=""], img:not([src]) {
17643
17648
  font-weight: 600;
17644
17649
  color: var(--semi-color-text-0);
17645
17650
  }
17646
- .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon {
17651
+ .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
17647
17652
  color: var(--semi-color-primary);
17648
17653
  }
17649
- .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon-close, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon-close {
17654
+ .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon.semi-tabs-tab-icon-close {
17650
17655
  color: var(--semi-color-text-2);
17651
17656
  }
17652
- .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon-close:hover {
17657
+ .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon.semi-tabs-tab-icon-close:hover {
17653
17658
  color: var(--semi-color-text-1);
17654
17659
  }
17655
17660
  .semi-tabs-tab-single.semi-tabs-tab-disabled {
@@ -20728,6 +20733,26 @@ h1.semi-typography,
20728
20733
  font-weight: 600;
20729
20734
  margin: 0;
20730
20735
  }
20736
+ h1.semi-typography.semi-typography-h1-weight-light,
20737
+ .semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
20738
+ font-weight: 200;
20739
+ }
20740
+ h1.semi-typography.semi-typography-h1-weight-regular,
20741
+ .semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
20742
+ font-weight: 400;
20743
+ }
20744
+ h1.semi-typography.semi-typography-h1-weight-medium,
20745
+ .semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
20746
+ font-weight: 500;
20747
+ }
20748
+ h1.semi-typography.semi-typography-h1-weight-semibold,
20749
+ .semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
20750
+ font-weight: 600;
20751
+ }
20752
+ h1.semi-typography.semi-typography-h1-weight-bold,
20753
+ .semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
20754
+ font-weight: 700;
20755
+ }
20731
20756
 
20732
20757
  h2.semi-typography,
20733
20758
  .semi-typography-h2.semi-typography {
@@ -20737,6 +20762,26 @@ h2.semi-typography,
20737
20762
  font-weight: 600;
20738
20763
  margin: 0;
20739
20764
  }
20765
+ h2.semi-typography.semi-typography-h2-weight-light,
20766
+ .semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
20767
+ font-weight: 200;
20768
+ }
20769
+ h2.semi-typography.semi-typography-h2-weight-regular,
20770
+ .semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
20771
+ font-weight: 400;
20772
+ }
20773
+ h2.semi-typography.semi-typography-h2-weight-medium,
20774
+ .semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
20775
+ font-weight: 500;
20776
+ }
20777
+ h2.semi-typography.semi-typography-h2-weight-semibold,
20778
+ .semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
20779
+ font-weight: 600;
20780
+ }
20781
+ h2.semi-typography.semi-typography-h2-weight-bold,
20782
+ .semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
20783
+ font-weight: 700;
20784
+ }
20740
20785
 
20741
20786
  h3.semi-typography,
20742
20787
  .semi-typography-h3.semi-typography {
@@ -20746,6 +20791,26 @@ h3.semi-typography,
20746
20791
  font-weight: 600;
20747
20792
  margin: 0;
20748
20793
  }
20794
+ h3.semi-typography.semi-typography-h3-weight-light,
20795
+ .semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
20796
+ font-weight: 200;
20797
+ }
20798
+ h3.semi-typography.semi-typography-h3-weight-regular,
20799
+ .semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
20800
+ font-weight: 400;
20801
+ }
20802
+ h3.semi-typography.semi-typography-h3-weight-medium,
20803
+ .semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
20804
+ font-weight: 500;
20805
+ }
20806
+ h3.semi-typography.semi-typography-h3-weight-semibold,
20807
+ .semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
20808
+ font-weight: 600;
20809
+ }
20810
+ h3.semi-typography.semi-typography-h3-weight-bold,
20811
+ .semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
20812
+ font-weight: 700;
20813
+ }
20749
20814
 
20750
20815
  h4.semi-typography,
20751
20816
  .semi-typography-h4.semi-typography {
@@ -20755,6 +20820,26 @@ h4.semi-typography,
20755
20820
  font-weight: 600;
20756
20821
  margin: 0;
20757
20822
  }
20823
+ h4.semi-typography.semi-typography-h4-weight-light,
20824
+ .semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
20825
+ font-weight: 200;
20826
+ }
20827
+ h4.semi-typography.semi-typography-h4-weight-regular,
20828
+ .semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
20829
+ font-weight: 400;
20830
+ }
20831
+ h4.semi-typography.semi-typography-h4-weight-medium,
20832
+ .semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
20833
+ font-weight: 500;
20834
+ }
20835
+ h4.semi-typography.semi-typography-h4-weight-semibold,
20836
+ .semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
20837
+ font-weight: 600;
20838
+ }
20839
+ h4.semi-typography.semi-typography-h4-weight-bold,
20840
+ .semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
20841
+ font-weight: 700;
20842
+ }
20758
20843
 
20759
20844
  h5.semi-typography,
20760
20845
  .semi-typography-h5.semi-typography {
@@ -20764,6 +20849,26 @@ h5.semi-typography,
20764
20849
  font-weight: 600;
20765
20850
  margin: 0;
20766
20851
  }
20852
+ h5.semi-typography.semi-typography-h5-weight-light,
20853
+ .semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
20854
+ font-weight: 200;
20855
+ }
20856
+ h5.semi-typography.semi-typography-h5-weight-regular,
20857
+ .semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
20858
+ font-weight: 400;
20859
+ }
20860
+ h5.semi-typography.semi-typography-h5-weight-medium,
20861
+ .semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
20862
+ font-weight: 500;
20863
+ }
20864
+ h5.semi-typography.semi-typography-h5-weight-semibold,
20865
+ .semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
20866
+ font-weight: 600;
20867
+ }
20868
+ h5.semi-typography.semi-typography-h5-weight-bold,
20869
+ .semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
20870
+ font-weight: 700;
20871
+ }
20767
20872
 
20768
20873
  h6.semi-typography,
20769
20874
  .semi-typography-h6.semi-typography {
@@ -20773,6 +20878,26 @@ h6.semi-typography,
20773
20878
  font-weight: 600;
20774
20879
  margin: 0;
20775
20880
  }
20881
+ h6.semi-typography.semi-typography-h6-weight-light,
20882
+ .semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
20883
+ font-weight: 200;
20884
+ }
20885
+ h6.semi-typography.semi-typography-h6-weight-regular,
20886
+ .semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
20887
+ font-weight: 400;
20888
+ }
20889
+ h6.semi-typography.semi-typography-h6-weight-medium,
20890
+ .semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
20891
+ font-weight: 500;
20892
+ }
20893
+ h6.semi-typography.semi-typography-h6-weight-semibold,
20894
+ .semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
20895
+ font-weight: 600;
20896
+ }
20897
+ h6.semi-typography.semi-typography-h6-weight-bold,
20898
+ .semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
20899
+ font-weight: 700;
20900
+ }
20776
20901
 
20777
20902
  p.semi-typography-extended,
20778
20903
  .semi-typography-paragraph.semi-typography-extended {