@douyinfe/semi-ui 2.30.0-alpha.0 → 2.30.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/css/semi.css +38 -4
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +69 -27
  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/carousel/CarouselIndicator.d.ts +1 -1
  10. package/lib/cjs/carousel/index.d.ts +2 -2
  11. package/lib/cjs/datePicker/datePicker.d.ts +2 -2
  12. package/lib/cjs/datePicker/monthsGrid.d.ts +2 -2
  13. package/lib/cjs/datePicker/quickControl.d.ts +1 -1
  14. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  15. package/lib/cjs/dropdown/index.d.ts +1 -1
  16. package/lib/cjs/form/baseForm.d.ts +4 -4
  17. package/lib/cjs/form/field.d.ts +4 -4
  18. package/lib/cjs/overflowList/index.d.ts +1 -1
  19. package/lib/cjs/popover/index.d.ts +1 -1
  20. package/lib/cjs/radio/radio.d.ts +1 -1
  21. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  22. package/lib/cjs/select/index.d.ts +1 -1
  23. package/lib/cjs/steps/basicStep.d.ts +2 -1
  24. package/lib/cjs/steps/basicStep.js +5 -4
  25. package/lib/cjs/steps/basicSteps.js +6 -3
  26. package/lib/cjs/steps/fillStep.d.ts +2 -1
  27. package/lib/cjs/steps/fillStep.js +2 -1
  28. package/lib/cjs/steps/fillSteps.js +10 -11
  29. package/lib/cjs/steps/index.d.ts +59 -0
  30. package/lib/cjs/steps/index.js +9 -0
  31. package/lib/cjs/steps/navStep.d.ts +2 -1
  32. package/lib/cjs/steps/navStep.js +2 -2
  33. package/lib/cjs/steps/navSteps.js +4 -2
  34. package/lib/cjs/steps/step.d.ts +0 -1
  35. package/lib/cjs/steps/step.js +3 -2
  36. package/lib/cjs/table/Table.d.ts +2 -2
  37. package/lib/cjs/timeline/item.d.ts +5 -0
  38. package/lib/cjs/timeline/item.js +31 -3
  39. package/lib/cjs/tooltip/index.d.ts +1 -1
  40. package/lib/cjs/typography/numeral.d.ts +1 -1
  41. package/lib/cjs/typography/title.d.ts +1 -1
  42. package/lib/es/anchor/index.d.ts +1 -1
  43. package/lib/es/autoComplete/index.d.ts +1 -1
  44. package/lib/es/carousel/CarouselIndicator.d.ts +1 -1
  45. package/lib/es/carousel/index.d.ts +2 -2
  46. package/lib/es/datePicker/datePicker.d.ts +2 -2
  47. package/lib/es/datePicker/monthsGrid.d.ts +2 -2
  48. package/lib/es/datePicker/quickControl.d.ts +1 -1
  49. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  50. package/lib/es/dropdown/index.d.ts +1 -1
  51. package/lib/es/form/baseForm.d.ts +4 -4
  52. package/lib/es/form/field.d.ts +4 -4
  53. package/lib/es/overflowList/index.d.ts +1 -1
  54. package/lib/es/popover/index.d.ts +1 -1
  55. package/lib/es/radio/radio.d.ts +1 -1
  56. package/lib/es/radio/radioGroup.d.ts +1 -1
  57. package/lib/es/select/index.d.ts +1 -1
  58. package/lib/es/steps/basicStep.d.ts +2 -1
  59. package/lib/es/steps/basicStep.js +5 -4
  60. package/lib/es/steps/basicSteps.js +6 -3
  61. package/lib/es/steps/fillStep.d.ts +2 -1
  62. package/lib/es/steps/fillStep.js +2 -1
  63. package/lib/es/steps/fillSteps.js +11 -11
  64. package/lib/es/steps/index.d.ts +59 -0
  65. package/lib/es/steps/index.js +6 -0
  66. package/lib/es/steps/navStep.d.ts +2 -1
  67. package/lib/es/steps/navStep.js +2 -2
  68. package/lib/es/steps/navSteps.js +4 -2
  69. package/lib/es/steps/step.d.ts +0 -1
  70. package/lib/es/steps/step.js +3 -2
  71. package/lib/es/table/Table.d.ts +2 -2
  72. package/lib/es/timeline/item.d.ts +5 -0
  73. package/lib/es/timeline/item.js +31 -3
  74. package/lib/es/tooltip/index.d.ts +1 -1
  75. package/lib/es/typography/numeral.d.ts +1 -1
  76. package/lib/es/typography/title.d.ts +1 -1
  77. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -16027,6 +16027,9 @@ img[src=""], img:not([src]) {
16027
16027
  .semi-steps .semi-col {
16028
16028
  flex: 1;
16029
16029
  }
16030
+ .semi-steps .semi-row-flex {
16031
+ column-gap: 16px;
16032
+ }
16030
16033
  .semi-steps-vertical .semi-row-flex {
16031
16034
  flex-direction: column;
16032
16035
  }
@@ -16036,13 +16039,13 @@ img[src=""], img:not([src]) {
16036
16039
  height: 72px;
16037
16040
  position: relative;
16038
16041
  overflow: hidden;
16039
- margin-right: 16px;
16040
16042
  border: 1px solid transparent;
16041
16043
  border-radius: var(--semi-border-radius-medium);
16042
16044
  padding: 12px 16px;
16043
16045
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16044
16046
  transform: scale(var(--semi-transform_scale-small));
16045
16047
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16048
+ column-gap: 16px;
16046
16049
  }
16047
16050
  .semi-steps .semi-steps-item .semi-steps-item-title {
16048
16051
  position: relative;
@@ -16162,7 +16165,6 @@ img[src=""], img:not([src]) {
16162
16165
  background: var(--semi-color-primary-light-default);
16163
16166
  }
16164
16167
  .semi-steps .semi-steps-item-content {
16165
- margin-left: 16px;
16166
16168
  flex: 1;
16167
16169
  overflow: hidden;
16168
16170
  }
@@ -16173,13 +16175,13 @@ img[src=""], img:not([src]) {
16173
16175
  height: 72px;
16174
16176
  position: relative;
16175
16177
  overflow: hidden;
16176
- margin-right: 16px;
16177
16178
  border: 1px solid transparent;
16178
16179
  border-radius: var(--semi-border-radius-medium);
16179
16180
  padding: 12px 16px;
16180
16181
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16181
16182
  transform: scale(var(--semi-transform_scale-small));
16182
16183
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16184
+ column-gap: 16px;
16183
16185
  }
16184
16186
  .semi-steps-item-fill.semi-steps-item .semi-steps-item-title {
16185
16187
  position: relative;
@@ -16299,7 +16301,6 @@ img[src=""], img:not([src]) {
16299
16301
  background: var(--semi-color-primary-light-default);
16300
16302
  }
16301
16303
  .semi-steps-item-fill .semi-steps-item-content {
16302
- margin-left: 16px;
16303
16304
  flex: 1;
16304
16305
  overflow: hidden;
16305
16306
  }
@@ -19340,6 +19341,39 @@ img[src=""], img:not([src]) {
19340
19341
  width: calc(100% - 28px);
19341
19342
  }
19342
19343
 
19344
+ .semi-timeline-item-alternate .semi-timeline-item-tail, .semi-timeline-item-alternate .semi-timeline-item-head, .semi-timeline-item-alternate .semi-timeline-item-head-custom, .semi-timeline-item-mode-right .semi-timeline-item-tail, .semi-timeline-item-mode-right .semi-timeline-item-head, .semi-timeline-item-mode-right .semi-timeline-item-head-custom, .semi-timeline-item-center .semi-timeline-item-tail, .semi-timeline-item-center .semi-timeline-item-head, .semi-timeline-item-center .semi-timeline-item-head-custom {
19345
+ left: 50%;
19346
+ }
19347
+ .semi-timeline-item-alternate .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-item-mode-right .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-item-center .semi-timeline-item-head.semi-timeline-item-head-custom {
19348
+ margin-left: 0;
19349
+ }
19350
+ .semi-timeline-item-alternate .semi-timeline-item-head, .semi-timeline-item-mode-right .semi-timeline-item-head, .semi-timeline-item-center .semi-timeline-item-head {
19351
+ margin-left: -4px;
19352
+ }
19353
+ .semi-timeline-item-alternate.semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-item-mode-right.semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-item-center.semi-timeline-item-left .semi-timeline-item-content {
19354
+ left: calc(50% - 4px);
19355
+ width: calc(50% - 14px);
19356
+ text-align: left;
19357
+ }
19358
+ .semi-timeline-item-alternate.semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-item-center.semi-timeline-item-right .semi-timeline-item-content {
19359
+ width: calc(50% - 20px);
19360
+ margin: 0;
19361
+ text-align: right;
19362
+ }
19363
+ .semi-timeline-item-center .semi-timeline-item-content-time {
19364
+ position: absolute;
19365
+ top: -2px;
19366
+ margin-left: calc(-40px - 100%);
19367
+ width: 100%;
19368
+ text-align: right;
19369
+ }
19370
+ .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-tail, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-head, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-head-custom {
19371
+ left: calc(100% - 9px);
19372
+ }
19373
+ .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-content {
19374
+ width: calc(100% - 28px);
19375
+ }
19376
+
19343
19377
  .semi-rtl .semi-timeline,
19344
19378
  .semi-portal-rtl .semi-timeline {
19345
19379
  direction: rtl;