@douyinfe/semi-foundation 2.34.0-alpha.1 → 2.34.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 (78) hide show
  1. package/breadcrumb/breadcrumb.scss +4 -4
  2. package/calendar/eventUtil.ts +9 -7
  3. package/calendar/foundation.ts +4 -4
  4. package/cascader/foundation.ts +24 -13
  5. package/lib/cjs/breadcrumb/breadcrumb.css +0 -3
  6. package/lib/cjs/breadcrumb/breadcrumb.scss +4 -4
  7. package/lib/cjs/calendar/eventUtil.d.ts +7 -6
  8. package/lib/cjs/calendar/eventUtil.js +8 -6
  9. package/lib/cjs/calendar/foundation.d.ts +2 -2
  10. package/lib/cjs/calendar/foundation.js +2 -2
  11. package/lib/cjs/cascader/foundation.d.ts +3 -1
  12. package/lib/cjs/cascader/foundation.js +26 -8
  13. package/lib/cjs/navigation/itemFoundation.d.ts +0 -2
  14. package/lib/cjs/navigation/navigation.css +7 -77
  15. package/lib/cjs/navigation/navigation.scss +7 -119
  16. package/lib/cjs/navigation/subNavFoundation.d.ts +0 -2
  17. package/lib/cjs/radio/radio.css +1 -0
  18. package/lib/cjs/radio/radio.scss +1 -0
  19. package/lib/cjs/steps/bacisSteps.scss +238 -287
  20. package/lib/cjs/steps/fillSteps.scss +142 -153
  21. package/lib/cjs/steps/navSteps.scss +40 -61
  22. package/lib/cjs/steps/steps.css +28 -392
  23. package/lib/cjs/table/foundation.d.ts +5 -0
  24. package/lib/cjs/table/table.css +23 -5
  25. package/lib/cjs/table/table.scss +25 -5
  26. package/lib/cjs/table/utils.d.ts +2 -0
  27. package/lib/cjs/table/utils.js +6 -0
  28. package/lib/cjs/timePicker/foundation.js +15 -1
  29. package/lib/cjs/timeline/timeline.css +0 -36
  30. package/lib/cjs/timeline/timeline.scss +46 -96
  31. package/lib/cjs/tree/treeUtil.d.ts +1 -1
  32. package/lib/cjs/typography/typography.css +8 -0
  33. package/lib/cjs/typography/typography.scss +13 -0
  34. package/lib/cjs/upload/constants.d.ts +1 -1
  35. package/lib/es/breadcrumb/breadcrumb.css +0 -3
  36. package/lib/es/breadcrumb/breadcrumb.scss +4 -4
  37. package/lib/es/calendar/eventUtil.d.ts +7 -6
  38. package/lib/es/calendar/eventUtil.js +8 -6
  39. package/lib/es/calendar/foundation.d.ts +2 -2
  40. package/lib/es/calendar/foundation.js +2 -2
  41. package/lib/es/cascader/foundation.d.ts +3 -1
  42. package/lib/es/cascader/foundation.js +26 -8
  43. package/lib/es/navigation/itemFoundation.d.ts +0 -2
  44. package/lib/es/navigation/navigation.css +7 -77
  45. package/lib/es/navigation/navigation.scss +7 -119
  46. package/lib/es/navigation/subNavFoundation.d.ts +0 -2
  47. package/lib/es/radio/radio.css +1 -0
  48. package/lib/es/radio/radio.scss +1 -0
  49. package/lib/es/steps/bacisSteps.scss +238 -287
  50. package/lib/es/steps/fillSteps.scss +142 -153
  51. package/lib/es/steps/navSteps.scss +40 -61
  52. package/lib/es/steps/steps.css +28 -392
  53. package/lib/es/table/foundation.d.ts +5 -0
  54. package/lib/es/table/table.css +23 -5
  55. package/lib/es/table/table.scss +25 -5
  56. package/lib/es/table/utils.d.ts +2 -0
  57. package/lib/es/table/utils.js +5 -0
  58. package/lib/es/timePicker/foundation.js +14 -1
  59. package/lib/es/timeline/timeline.css +0 -36
  60. package/lib/es/timeline/timeline.scss +46 -96
  61. package/lib/es/tree/treeUtil.d.ts +1 -1
  62. package/lib/es/typography/typography.css +8 -0
  63. package/lib/es/typography/typography.scss +13 -0
  64. package/lib/es/upload/constants.d.ts +1 -1
  65. package/navigation/itemFoundation.ts +1 -3
  66. package/navigation/navigation.scss +7 -119
  67. package/navigation/subNavFoundation.ts +1 -3
  68. package/package.json +2 -2
  69. package/radio/radio.scss +1 -0
  70. package/steps/bacisSteps.scss +238 -287
  71. package/steps/fillSteps.scss +142 -153
  72. package/steps/navSteps.scss +40 -61
  73. package/table/foundation.ts +6 -2
  74. package/table/table.scss +25 -5
  75. package/table/utils.ts +6 -0
  76. package/timePicker/foundation.ts +12 -3
  77. package/timeline/timeline.scss +46 -96
  78. package/typography/typography.scss +13 -0
package/timeline/timeline.scss CHANGED
@@ -2,68 +2,6 @@
2
2
 
3
3
  $module: #{$prefix}-timeline;
4
4
 
5
- @mixin item-children {
6
- &-tail,
7
- &-head,
8
- &-head-custom {
9
- left: $spacing-timeline_item_head_custom-left;
10
- }
11
- &-head{
12
- &.#{$module}-item-head-custom{
13
- margin-left: 0;
14
- }
15
- }
16
- &-head {
17
- margin-left: $spacing-timeline_item_head-marginLeft;
18
- }
19
- }
20
-
21
- @mixin item-direction {
22
- &-left {
23
- .#{$module}-item-content {
24
- left: $spacing-timeline_item_left_item_content-left;
25
- width: $width-timeline_item_left_item_content;
26
- text-align: left;
27
- }
28
- }
29
-
30
- &-right {
31
- .#{$module}-item-content {
32
- width: $width-timeline_item_right_item_content;
33
- margin: $spacing-timeline_item_right_item_content;
34
- text-align: right;
35
- }
36
- }
37
- }
38
-
39
- @mixin item-center {
40
- &-center {
41
- .#{$module}-item {
42
- &-content-time {
43
- position: absolute;
44
- top: $spacing-timeline_time-top;
45
- margin-left: $spacing-timeline_item_content_time-marginLeft;
46
- width: $width-timeline_item_content_time;
47
- text-align: right;
48
- }
49
- }
50
- }
51
- }
52
-
53
- @mixin item-right {
54
- .#{$module}-item {
55
- &-tail,
56
- &-head,
57
- &-head-custom {
58
- left: $spacing-timeline_item_right_item-left;
59
- }
60
-
61
- &-content {
62
- width: $width-timeline_item_right_content;
63
- }
64
- }
65
- }
66
-
67
5
  .#{$module} {
68
6
  margin: $spacing-timeline-margin;
69
7
  padding: $spacing-timeline-padding;
@@ -177,53 +115,65 @@ $module: #{$prefix}-timeline;
177
115
  &-right,
178
116
  &-center {
179
117
  .#{$module}-item {
180
- @include item-children;
181
- @include item-direction;
182
- }
183
- }
118
+ &-tail,
119
+ &-head,
120
+ &-head-custom {
121
+ left: $spacing-timeline_item_head_custom-left;
122
+ }
123
+ &-head{
124
+ &.#{$module}-item-head-custom{
125
+ margin-left: 0;
126
+ }
127
+ }
128
+ &-head {
129
+ margin-left: $spacing-timeline_item_head-marginLeft;
130
+ }
184
131
 
185
-
186
- @include item-center;
132
+ &-left {
133
+ .#{$module}-item-content {
134
+ left: $spacing-timeline_item_left_item_content-left;
135
+ width: $width-timeline_item_left_item_content;
136
+ text-align: left;
137
+ }
138
+ }
187
139
 
188
- &-right {
189
- .#{$module}-item-right {
190
- @include item-right;
140
+ &-right {
141
+ .#{$module}-item-content {
142
+ width: $width-timeline_item_right_item_content;
143
+ margin: $spacing-timeline_item_right_item_content;
144
+ text-align: right;
145
+ }
146
+ }
191
147
  }
192
148
  }
193
- }
194
149
 
195
- // for c2d
196
- .#{$module}-item {
197
- &-alternate,
198
- &-mode-right,
199
150
  &-center {
200
151
  .#{$module}-item {
201
- @include item-children;
202
- }
203
- &.#{$module}-item {
204
- @include item-direction;
205
- }
206
- }
207
-
208
- &-alternate,
209
- &-mode-right,
210
- &-center,
211
- &-left {
212
- &.#{$module}-item {
213
- &.#{$module}-item-not-last-child {
214
- & > .#{$module}-item-tail {
215
- border-left: $width-timeline_tail-border solid $color-timeline_tail-border;
216
- }
152
+ &-content-time {
153
+ position: absolute;
154
+ top: $spacing-timeline_time-top;
155
+ margin-left: $spacing-timeline_item_content_time-marginLeft;
156
+ width: $width-timeline_item_content_time;
157
+ text-align: right;
217
158
  }
218
159
  }
219
160
  }
220
161
 
221
- @include item-center;
162
+ &-right {
163
+ .#{$module}-item-right {
164
+ .#{$module}-item {
165
+ &-tail,
166
+ &-head,
167
+ &-head-custom {
168
+ left: $spacing-timeline_item_right_item-left;
169
+ }
222
170
 
223
- &-mode-right {
224
- &.#{$module}-item-right {
225
- @include item-right;
171
+ &-content {
172
+ width: $width-timeline_item_right_content;
173
+ }
174
+ }
226
175
  }
227
176
  }
228
177
  }
178
+
229
179
  @import './rtl.scss';
package/typography/typography.scss CHANGED
@@ -123,12 +123,25 @@ $module: #{$prefix}-typography;
123
123
  display: -webkit-box;
124
124
  -webkit-box-orient: vertical;
125
125
  overflow: hidden;
126
+
127
+ &.#{$module}-ellipsis-multiple-line-text {
128
+ // inline-block only works in the Text component, keeping the original external inline performance
129
+ display: -webkit-inline-box;
130
+ }
126
131
  }
127
132
 
128
133
  &-ellipsis-overflow-ellipsis {
129
134
  display: block;
130
135
  white-space: nowrap;
131
136
  text-overflow: ellipsis;
137
+
138
+ &.#{$module}-ellipsis-overflow-ellipsis-text {
139
+ // inline-block only works in the Text component, keeping the original external inline performance
140
+ display: inline-block;
141
+ // Ensure that Text component can be limited by the parent's width when no specific width is set
142
+ max-width: 100%;
143
+ vertical-align: top;
144
+ }
132
145
  }
133
146
 
134
147
  &-ellipsis-expand {