@douyinfe/semi-ui 2.34.0 → 2.34.1-alpha.3

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 (121) hide show
  1. package/dist/css/semi.css +21 -45
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +41228 -40825
  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 +1 -1
  8. package/lib/cjs/autoComplete/index.d.ts +1 -1
  9. package/lib/cjs/breadcrumb/item.js +1 -1
  10. package/lib/cjs/button/Button.d.ts +1 -1
  11. package/lib/cjs/button/buttonGroup.d.ts +1 -1
  12. package/lib/cjs/button/index.d.ts +1 -1
  13. package/lib/cjs/calendar/interface.d.ts +2 -2
  14. package/lib/cjs/card/index.d.ts +37 -4
  15. package/lib/cjs/card/index.js +248 -67
  16. package/lib/cjs/cascader/index.d.ts +0 -2
  17. package/lib/cjs/cascader/index.js +0 -13
  18. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  19. package/lib/cjs/datePicker/datePicker.d.ts +2 -2
  20. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  21. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  22. package/lib/cjs/form/baseForm.d.ts +2 -2
  23. package/lib/cjs/form/field.d.ts +2 -2
  24. package/lib/cjs/form/group.js +2 -4
  25. package/lib/cjs/image/image.d.ts +0 -4
  26. package/lib/cjs/image/image.js +1 -23
  27. package/lib/cjs/image/preview.d.ts +1 -1
  28. package/lib/cjs/image/preview.js +16 -9
  29. package/lib/cjs/image/previewContext.d.ts +0 -1
  30. package/lib/cjs/input/index.d.ts +1 -1
  31. package/lib/cjs/input/inputGroup.d.ts +1 -1
  32. package/lib/cjs/modal/confirm.d.ts +19 -19
  33. package/lib/cjs/rating/index.d.ts +1 -1
  34. package/lib/cjs/rating/item.d.ts +1 -1
  35. package/lib/cjs/steps/basicStep.js +13 -7
  36. package/lib/cjs/steps/basicSteps.js +4 -2
  37. package/lib/cjs/steps/fillStep.js +13 -7
  38. package/lib/cjs/steps/fillSteps.js +3 -2
  39. package/lib/cjs/steps/index.d.ts +1 -0
  40. package/lib/cjs/steps/index.js +5 -2
  41. package/lib/cjs/steps/navStep.js +12 -4
  42. package/lib/cjs/steps/navSteps.js +4 -2
  43. package/lib/cjs/switch/index.d.ts +1 -1
  44. package/lib/cjs/table/Body/index.d.ts +0 -1
  45. package/lib/cjs/table/Body/index.js +3 -3
  46. package/lib/cjs/table/HeadTable.d.ts +4 -4
  47. package/lib/cjs/table/HeadTable.js +3 -3
  48. package/lib/cjs/table/Table.d.ts +2 -2
  49. package/lib/cjs/table/Table.js +14 -41
  50. package/lib/cjs/table/TableCell.js +3 -14
  51. package/lib/cjs/table/TableHeader.d.ts +0 -1
  52. package/lib/cjs/table/TableHeader.js +2 -11
  53. package/lib/cjs/table/TableHeaderRow.js +1 -2
  54. package/lib/cjs/table/index.d.ts +1 -1
  55. package/lib/cjs/table/interface.d.ts +1 -2
  56. package/lib/cjs/tagInput/index.d.ts +1 -1
  57. package/lib/cjs/timePicker/TimePicker.d.ts +1 -1
  58. package/lib/cjs/timePicker/index.d.ts +1 -1
  59. package/lib/cjs/typography/base.d.ts +2 -1
  60. package/lib/cjs/typography/base.js +68 -66
  61. package/lib/cjs/typography/title.d.ts +1 -1
  62. package/lib/cjs/typography/util.d.ts +1 -4
  63. package/lib/cjs/typography/util.js +13 -36
  64. package/lib/es/anchor/index.d.ts +1 -1
  65. package/lib/es/autoComplete/index.d.ts +1 -1
  66. package/lib/es/breadcrumb/item.js +1 -1
  67. package/lib/es/button/Button.d.ts +1 -1
  68. package/lib/es/button/buttonGroup.d.ts +1 -1
  69. package/lib/es/button/index.d.ts +1 -1
  70. package/lib/es/calendar/interface.d.ts +2 -2
  71. package/lib/es/card/index.d.ts +37 -4
  72. package/lib/es/card/index.js +247 -66
  73. package/lib/es/cascader/index.d.ts +0 -2
  74. package/lib/es/cascader/index.js +0 -13
  75. package/lib/es/datePicker/dateInput.d.ts +1 -1
  76. package/lib/es/datePicker/datePicker.d.ts +2 -2
  77. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  78. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  79. package/lib/es/form/baseForm.d.ts +2 -2
  80. package/lib/es/form/field.d.ts +2 -2
  81. package/lib/es/form/group.js +2 -4
  82. package/lib/es/image/image.d.ts +0 -4
  83. package/lib/es/image/image.js +1 -23
  84. package/lib/es/image/preview.d.ts +1 -1
  85. package/lib/es/image/preview.js +16 -9
  86. package/lib/es/image/previewContext.d.ts +0 -1
  87. package/lib/es/input/index.d.ts +1 -1
  88. package/lib/es/input/inputGroup.d.ts +1 -1
  89. package/lib/es/modal/confirm.d.ts +19 -19
  90. package/lib/es/rating/index.d.ts +1 -1
  91. package/lib/es/rating/item.d.ts +1 -1
  92. package/lib/es/steps/basicStep.js +12 -7
  93. package/lib/es/steps/basicSteps.js +4 -2
  94. package/lib/es/steps/fillStep.js +12 -7
  95. package/lib/es/steps/fillSteps.js +3 -2
  96. package/lib/es/steps/index.d.ts +1 -0
  97. package/lib/es/steps/index.js +3 -0
  98. package/lib/es/steps/navStep.js +11 -4
  99. package/lib/es/steps/navSteps.js +4 -2
  100. package/lib/es/switch/index.d.ts +1 -1
  101. package/lib/es/table/Body/index.d.ts +0 -1
  102. package/lib/es/table/Body/index.js +3 -3
  103. package/lib/es/table/HeadTable.d.ts +4 -4
  104. package/lib/es/table/HeadTable.js +3 -3
  105. package/lib/es/table/Table.d.ts +2 -2
  106. package/lib/es/table/Table.js +14 -41
  107. package/lib/es/table/TableCell.js +4 -15
  108. package/lib/es/table/TableHeader.d.ts +0 -1
  109. package/lib/es/table/TableHeader.js +1 -9
  110. package/lib/es/table/TableHeaderRow.js +1 -2
  111. package/lib/es/table/index.d.ts +1 -1
  112. package/lib/es/table/interface.d.ts +1 -2
  113. package/lib/es/tagInput/index.d.ts +1 -1
  114. package/lib/es/timePicker/TimePicker.d.ts +1 -1
  115. package/lib/es/timePicker/index.d.ts +1 -1
  116. package/lib/es/typography/base.d.ts +2 -1
  117. package/lib/es/typography/base.js +67 -64
  118. package/lib/es/typography/title.d.ts +1 -1
  119. package/lib/es/typography/util.d.ts +1 -4
  120. package/lib/es/typography/util.js +14 -36
  121. package/package.json +9 -8
package/dist/css/semi.css CHANGED
@@ -1542,6 +1542,9 @@ body {
1542
1542
  .semi-breadcrumb-item-more svg {
1543
1543
  vertical-align: middle;
1544
1544
  }
1545
+ .semi-breadcrumb-item-icon + .semi-breadcrumb-item-title {
1546
+ margin-left: 4px;
1547
+ }
1545
1548
  .semi-breadcrumb-item-link {
1546
1549
  display: inline-flex;
1547
1550
  align-items: center;
@@ -2596,7 +2599,7 @@ body {
2596
2599
  .semi-card-header-wrapper {
2597
2600
  display: flex;
2598
2601
  align-items: flex-start;
2599
- flex-direction: row-reverse;
2602
+ flex-direction: row;
2600
2603
  justify-content: space-between;
2601
2604
  }
2602
2605
  .semi-card-header-wrapper-spacing {
@@ -14619,7 +14622,6 @@ img[src=""], img:not([src]) {
14619
14622
  .semi-radioGroup-horizontal {
14620
14623
  display: inline-flex;
14621
14624
  flex-wrap: wrap;
14622
- vertical-align: bottom;
14623
14625
  gap: 16px;
14624
14626
  }
14625
14627
  .semi-radioGroup-buttonRadio {
@@ -16233,11 +16235,11 @@ img[src=""], img:not([src]) {
16233
16235
  .semi-steps .semi-steps-item-finish .semi-steps-item-title {
16234
16236
  color: var(--semi-color-success);
16235
16237
  }
16236
- .semi-steps .semi-steps-item-finish-hover:hover {
16238
+ .semi-steps .semi-steps-item-finish:hover {
16237
16239
  background-color: var(--semi-color-fill-0);
16238
16240
  }
16239
- .semi-steps .semi-steps-item-finish-hover:hover .semi-icon,
16240
- .semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
16241
+ .semi-steps .semi-steps-item-finish:hover .semi-icon,
16242
+ .semi-steps .semi-steps-item-finish:hover .semi-steps-item-title {
16241
16243
  color: var(--semi-color-success-hover);
16242
16244
  }
16243
16245
  .semi-steps .semi-steps-item-finish:active {
@@ -16251,11 +16253,11 @@ img[src=""], img:not([src]) {
16251
16253
  .semi-steps .semi-steps-item-error .semi-steps-item-title {
16252
16254
  color: var(--semi-color-danger);
16253
16255
  }
16254
- .semi-steps .semi-steps-item-error-hover:hover {
16256
+ .semi-steps .semi-steps-item-error:hover {
16255
16257
  background: var(--semi-color-fill-0);
16256
16258
  }
16257
- .semi-steps .semi-steps-item-error-hover:hover .semi-icon,
16258
- .semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
16259
+ .semi-steps .semi-steps-item-error:hover .semi-icon,
16260
+ .semi-steps .semi-steps-item-error:hover .semi-steps-item-title {
16259
16261
  color: var(--semi-color-danger-hover);
16260
16262
  }
16261
16263
  .semi-steps .semi-steps-item-error:active {
@@ -16269,11 +16271,11 @@ img[src=""], img:not([src]) {
16269
16271
  .semi-steps .semi-steps-item-warning .semi-icon {
16270
16272
  color: var(--semi-color-warning);
16271
16273
  }
16272
- .semi-steps .semi-steps-item-warning-hover:hover {
16274
+ .semi-steps .semi-steps-item-warning:hover {
16273
16275
  background: var(--semi-color-fill-0);
16274
16276
  }
16275
- .semi-steps .semi-steps-item-warning-hover:hover .semi-steps-item-title,
16276
- .semi-steps .semi-steps-item-warning-hover:hover .semi-icon {
16277
+ .semi-steps .semi-steps-item-warning:hover .semi-steps-item-title,
16278
+ .semi-steps .semi-steps-item-warning:hover .semi-icon {
16277
16279
  color: var(--semi-color-warning-hover);
16278
16280
  }
16279
16281
  .semi-steps .semi-steps-item-warning:active {
@@ -16433,10 +16435,10 @@ img[src=""], img:not([src]) {
16433
16435
  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);
16434
16436
  transform: scale(var(--semi-transform_scale-small));
16435
16437
  }
16436
- .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
16438
+ .semi-steps-basic .semi-steps-item:hover .semi-steps-item-title {
16437
16439
  color: var(--semi-color-focus-border);
16438
16440
  }
16439
- .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-description {
16441
+ .semi-steps-basic .semi-steps-item:hover .semi-steps-item-description {
16440
16442
  color: var(--semi-color-focus-border);
16441
16443
  }
16442
16444
  .semi-steps-basic .semi-steps-item .semi-steps-item-container {
@@ -16499,7 +16501,7 @@ img[src=""], img:not([src]) {
16499
16501
  background: var(--semi-color-fill-0);
16500
16502
  color: var(--semi-color-text-2);
16501
16503
  }
16502
- .semi-steps-basic .semi-steps-item-wait-hover:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16504
+ .semi-steps-basic .semi-steps-item-wait:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16503
16505
  background: var(--semi-color-secondary-light-default);
16504
16506
  color: var(--semi-color-focus-border);
16505
16507
  }
@@ -17007,10 +17009,6 @@ img[src=""], img:not([src]) {
17007
17009
  .semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
17008
17010
  background-color: var(--semi-color-bg-1);
17009
17011
  }
17010
- .semi-table-operate-wrapper {
17011
- display: flex;
17012
- justify-content: flex-start;
17013
- }
17014
17012
  .semi-table-body {
17015
17013
  overflow: auto;
17016
17014
  width: 100%;
@@ -17036,7 +17034,8 @@ img[src=""], img:not([src]) {
17036
17034
  padding-top: 8px;
17037
17035
  padding-bottom: 8px;
17038
17036
  vertical-align: middle;
17039
- overflow-wrap: break-word;
17037
+ word-break: break-all;
17038
+ word-wrap: break-word;
17040
17039
  position: relative;
17041
17040
  }
17042
17041
  .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
@@ -17089,16 +17088,6 @@ img[src=""], img:not([src]) {
17089
17088
  display: inline-flex;
17090
17089
  align-items: center;
17091
17090
  }
17092
- .semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis {
17093
- overflow: hidden;
17094
- text-overflow: ellipsis;
17095
- white-space: nowrap;
17096
- }
17097
- .semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis .semi-table-row-head-title {
17098
- overflow: hidden;
17099
- text-overflow: ellipsis;
17100
- white-space: nowrap;
17101
- }
17102
17091
  .semi-table-thead > .semi-table-row .react-resizable {
17103
17092
  position: relative;
17104
17093
  background-clip: padding-box;
@@ -17149,7 +17138,8 @@ img[src=""], img:not([src]) {
17149
17138
  }
17150
17139
  .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
17151
17140
  display: table-cell;
17152
- overflow-wrap: break-word;
17141
+ word-wrap: break-word;
17142
+ word-break: break-all;
17153
17143
  border-left: none;
17154
17144
  border-right: none;
17155
17145
  border-bottom: 1px solid var(--semi-color-border);
@@ -17161,11 +17151,6 @@ img[src=""], img:not([src]) {
17161
17151
  .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
17162
17152
  border-right: 2px solid var(--semi-color-primary);
17163
17153
  }
17164
- .semi-table-tbody > .semi-table-row > .semi-table-row-cell-ellipsis {
17165
- overflow: hidden;
17166
- text-overflow: ellipsis;
17167
- white-space: nowrap;
17168
- }
17169
17154
  .semi-table-tbody > .semi-table-row.semi-table-row-expand > .semi-table-row-cell {
17170
17155
  background-color: var(--semi-color-fill-0);
17171
17156
  }
@@ -17266,10 +17251,9 @@ img[src=""], img:not([src]) {
17266
17251
  text-align: center;
17267
17252
  }
17268
17253
  .semi-table .semi-table-column-sorter-wrapper {
17269
- display: flex;
17254
+ display: inline-flex;
17270
17255
  align-items: center;
17271
17256
  cursor: pointer;
17272
- overflow: hidden;
17273
17257
  }
17274
17258
  .semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
17275
17259
  height: 0;
@@ -20677,19 +20661,11 @@ img[src=""], img:not([src]) {
20677
20661
  -webkit-box-orient: vertical;
20678
20662
  overflow: hidden;
20679
20663
  }
20680
- .semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
20681
- display: -webkit-inline-box;
20682
- }
20683
20664
  .semi-typography-ellipsis-overflow-ellipsis {
20684
20665
  display: block;
20685
20666
  white-space: nowrap;
20686
20667
  text-overflow: ellipsis;
20687
20668
  }
20688
- .semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
20689
- display: inline-block;
20690
- max-width: 100%;
20691
- vertical-align: top;
20692
- }
20693
20669
  .semi-typography-ellipsis-expand {
20694
20670
  display: inline;
20695
20671
  margin-left: 8px;