@douyinfe/semi-foundation 2.9.1 → 2.10.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 (146) hide show
  1. package/carousel/carousel.scss +425 -0
  2. package/carousel/constants.ts +32 -0
  3. package/carousel/foundation.ts +164 -0
  4. package/carousel/rtl.scss +47 -0
  5. package/carousel/variables.scss +46 -0
  6. package/cascader/foundation.ts +6 -6
  7. package/checkbox/checkboxGroupFoundation.ts +2 -2
  8. package/datePicker/_utils/getDefaultPickerDate.ts +3 -3
  9. package/datePicker/_utils/parser.ts +1 -1
  10. package/datePicker/foundation.ts +4 -4
  11. package/datePicker/monthsGridFoundation.ts +11 -11
  12. package/datePicker/yearAndMonthFoundation.ts +1 -1
  13. package/form/foundation.ts +9 -5
  14. package/form/interface.ts +1 -0
  15. package/input/textareaFoundation.ts +5 -5
  16. package/inputNumber/foundation.ts +25 -9
  17. package/lib/cjs/carousel/carousel.css +341 -0
  18. package/lib/cjs/carousel/carousel.scss +425 -0
  19. package/lib/cjs/carousel/constants.d.ts +27 -0
  20. package/lib/cjs/carousel/constants.js +41 -0
  21. package/lib/cjs/carousel/foundation.d.ts +29 -0
  22. package/lib/cjs/carousel/foundation.js +216 -0
  23. package/lib/cjs/carousel/rtl.scss +47 -0
  24. package/lib/cjs/carousel/variables.scss +46 -0
  25. package/lib/cjs/cascader/foundation.d.ts +2 -2
  26. package/lib/cjs/cascader/foundation.js +6 -6
  27. package/lib/cjs/checkbox/checkboxGroupFoundation.d.ts +1 -1
  28. package/lib/cjs/checkbox/checkboxGroupFoundation.js +2 -2
  29. package/lib/cjs/datePicker/_utils/getDefaultPickerDate.js +2 -2
  30. package/lib/cjs/datePicker/_utils/parser.d.ts +1 -1
  31. package/lib/cjs/datePicker/_utils/parser.js +2 -2
  32. package/lib/cjs/datePicker/foundation.js +3 -3
  33. package/lib/cjs/datePicker/monthsGridFoundation.js +9 -9
  34. package/lib/cjs/datePicker/yearAndMonthFoundation.d.ts +1 -1
  35. package/lib/cjs/datePicker/yearAndMonthFoundation.js +2 -2
  36. package/lib/cjs/form/foundation.d.ts +1 -0
  37. package/lib/cjs/form/foundation.js +9 -5
  38. package/lib/cjs/form/interface.d.ts +1 -0
  39. package/lib/cjs/input/textareaFoundation.d.ts +5 -5
  40. package/lib/cjs/inputNumber/foundation.d.ts +8 -0
  41. package/lib/cjs/inputNumber/foundation.js +20 -8
  42. package/lib/cjs/navigation/foundation.d.ts +3 -3
  43. package/lib/cjs/navigation/foundation.js +13 -13
  44. package/lib/cjs/switch/constants.d.ts +1 -0
  45. package/lib/cjs/switch/constants.js +1 -0
  46. package/lib/cjs/switch/foundation.d.ts +3 -0
  47. package/lib/cjs/switch/foundation.js +18 -0
  48. package/lib/cjs/switch/switch.css +3 -0
  49. package/lib/cjs/switch/switch.scss +4 -0
  50. package/lib/cjs/switch/variables.scss +2 -0
  51. package/lib/cjs/tabs/foundation.js +2 -2
  52. package/lib/cjs/timePicker/ComboxFoundation.js +1 -1
  53. package/lib/cjs/timePicker/constants.d.ts +1 -1
  54. package/lib/cjs/timePicker/constants.js +1 -1
  55. package/lib/cjs/timePicker/foundation.js +1 -1
  56. package/lib/cjs/transfer/foundation.js +3 -3
  57. package/lib/cjs/transfer/{transferUtlls.d.ts → transferUtils.d.ts} +0 -0
  58. package/lib/cjs/transfer/{transferUtlls.js → transferUtils.js} +0 -0
  59. package/lib/cjs/tree/foundation.d.ts +2 -2
  60. package/lib/cjs/tree/foundation.js +4 -4
  61. package/lib/cjs/tree/treeUtil.js +11 -11
  62. package/lib/cjs/treeSelect/constants.d.ts +1 -1
  63. package/lib/cjs/treeSelect/constants.js +1 -1
  64. package/lib/cjs/treeSelect/foundation.d.ts +2 -2
  65. package/lib/cjs/treeSelect/foundation.js +4 -4
  66. package/lib/cjs/upload/foundation.js +8 -8
  67. package/lib/cjs/upload/utils.js +1 -1
  68. package/lib/cjs/utils/isNullOrUndefined.d.ts +1 -1
  69. package/lib/cjs/utils/isNullOrUndefined.js +1 -1
  70. package/lib/cjs/utils/object.d.ts +6 -6
  71. package/lib/cjs/utils/object.js +2 -2
  72. package/lib/es/carousel/carousel.css +341 -0
  73. package/lib/es/carousel/carousel.scss +425 -0
  74. package/lib/es/carousel/constants.d.ts +27 -0
  75. package/lib/es/carousel/constants.js +28 -0
  76. package/lib/es/carousel/foundation.d.ts +29 -0
  77. package/lib/es/carousel/foundation.js +198 -0
  78. package/lib/es/carousel/rtl.scss +47 -0
  79. package/lib/es/carousel/variables.scss +46 -0
  80. package/lib/es/cascader/foundation.d.ts +2 -2
  81. package/lib/es/cascader/foundation.js +6 -6
  82. package/lib/es/checkbox/checkboxGroupFoundation.d.ts +1 -1
  83. package/lib/es/checkbox/checkboxGroupFoundation.js +2 -2
  84. package/lib/es/datePicker/_utils/getDefaultPickerDate.js +3 -3
  85. package/lib/es/datePicker/_utils/parser.d.ts +1 -1
  86. package/lib/es/datePicker/_utils/parser.js +1 -1
  87. package/lib/es/datePicker/foundation.js +4 -4
  88. package/lib/es/datePicker/monthsGridFoundation.js +10 -10
  89. package/lib/es/datePicker/yearAndMonthFoundation.d.ts +1 -1
  90. package/lib/es/datePicker/yearAndMonthFoundation.js +1 -1
  91. package/lib/es/form/foundation.d.ts +1 -0
  92. package/lib/es/form/foundation.js +9 -5
  93. package/lib/es/form/interface.d.ts +1 -0
  94. package/lib/es/input/textareaFoundation.d.ts +5 -5
  95. package/lib/es/inputNumber/foundation.d.ts +8 -0
  96. package/lib/es/inputNumber/foundation.js +18 -8
  97. package/lib/es/navigation/foundation.d.ts +3 -3
  98. package/lib/es/navigation/foundation.js +13 -13
  99. package/lib/es/switch/constants.d.ts +1 -0
  100. package/lib/es/switch/constants.js +1 -0
  101. package/lib/es/switch/foundation.d.ts +3 -0
  102. package/lib/es/switch/foundation.js +18 -0
  103. package/lib/es/switch/switch.css +3 -0
  104. package/lib/es/switch/switch.scss +4 -0
  105. package/lib/es/switch/variables.scss +2 -0
  106. package/lib/es/tabs/foundation.js +2 -2
  107. package/lib/es/timePicker/ComboxFoundation.js +1 -1
  108. package/lib/es/timePicker/constants.d.ts +1 -1
  109. package/lib/es/timePicker/constants.js +1 -1
  110. package/lib/es/timePicker/foundation.js +1 -1
  111. package/lib/es/transfer/foundation.js +1 -1
  112. package/lib/es/transfer/{transferUtlls.d.ts → transferUtils.d.ts} +0 -0
  113. package/lib/es/transfer/{transferUtlls.js → transferUtils.js} +0 -0
  114. package/lib/es/tree/foundation.d.ts +2 -2
  115. package/lib/es/tree/foundation.js +4 -4
  116. package/lib/es/tree/treeUtil.js +11 -11
  117. package/lib/es/treeSelect/constants.d.ts +1 -1
  118. package/lib/es/treeSelect/constants.js +1 -1
  119. package/lib/es/treeSelect/foundation.d.ts +2 -2
  120. package/lib/es/treeSelect/foundation.js +4 -4
  121. package/lib/es/upload/foundation.js +8 -8
  122. package/lib/es/upload/utils.js +1 -1
  123. package/lib/es/utils/isNullOrUndefined.d.ts +1 -1
  124. package/lib/es/utils/isNullOrUndefined.js +1 -1
  125. package/lib/es/utils/object.d.ts +6 -6
  126. package/lib/es/utils/object.js +2 -2
  127. package/navigation/foundation.ts +12 -12
  128. package/package.json +3 -3
  129. package/switch/constants.ts +1 -0
  130. package/switch/foundation.ts +16 -0
  131. package/switch/switch.scss +4 -0
  132. package/switch/variables.scss +2 -0
  133. package/tabs/foundation.ts +2 -2
  134. package/timePicker/ComboxFoundation.ts +1 -1
  135. package/timePicker/constants.ts +1 -1
  136. package/timePicker/foundation.ts +1 -1
  137. package/transfer/foundation.ts +1 -1
  138. package/transfer/{transferUtlls.ts → transferUtils.ts} +0 -0
  139. package/tree/foundation.ts +4 -4
  140. package/tree/treeUtil.ts +11 -11
  141. package/treeSelect/constants.ts +1 -1
  142. package/treeSelect/foundation.ts +4 -4
  143. package/upload/foundation.ts +8 -8
  144. package/upload/utils.ts +1 -1
  145. package/utils/isNullOrUndefined.ts +1 -1
  146. package/utils/object.ts +10 -10
package/lib/cjs/utils/object.js CHANGED
@@ -60,8 +60,8 @@ function isEmptyObject(target) {
60
60
  * }
61
61
  * the result of JSON.stringify(a/b/d) are same: '{}'
62
62
  * We can use the above features to remove keys with empty values in Form
63
- * But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Convering circular structure to JSON'
64
- * So we have to mock it's behavihor, also, the form value cannot have Symbol or function type, it can be ignored
63
+ * But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Converting circular structure to JSON'
64
+ * So we have to mock it's behavior, also, the form value cannot have Symbol or function type, it can be ignored
65
65
  */
66
66
  if (!(0, _isObject2.default)(target)) {
67
67
  return false;
package/lib/es/carousel/carousel.css ADDED
@@ -0,0 +1,341 @@
1
+ /* shadow */
2
+ /* sizing */
3
+ /* spacing */
4
+ .semi-carousel {
5
+ position: relative;
6
+ overflow: hidden;
7
+ }
8
+ .semi-carousel-content {
9
+ width: 100%;
10
+ height: 100%;
11
+ overflow: hidden;
12
+ position: relative;
13
+ }
14
+ .semi-carousel-content-item {
15
+ position: absolute;
16
+ left: 0;
17
+ top: 0;
18
+ width: 100%;
19
+ height: 100%;
20
+ overflow: hidden;
21
+ }
22
+ .semi-carousel-content-item-current {
23
+ z-index: 1;
24
+ }
25
+ .semi-carousel-content-fade > * {
26
+ opacity: 0;
27
+ }
28
+ .semi-carousel-content-fade .semi-carousel-content-item-current {
29
+ opacity: 1;
30
+ }
31
+ .semi-carousel-content-slide > *:not(.semi-carousel-content-item-current) {
32
+ visibility: hidden;
33
+ }
34
+ .semi-carousel-content-slide .semi-carousel-content-item-slide-out {
35
+ display: block;
36
+ animation: semi-carousel-content-item-keyframe-slide-out;
37
+ }
38
+ .semi-carousel-content-slide .semi-carousel-content-item-slide-in {
39
+ display: block;
40
+ animation: semi-carousel-content-item-keyframe-slide-in;
41
+ }
42
+ .semi-carousel-content-reverse .semi-carousel-content-item-slide-out {
43
+ animation: semi-carousel-content-item-keyframe-slide-out-reverse;
44
+ }
45
+ .semi-carousel-content-reverse .semi-carousel-content-item-slide-in {
46
+ animation: semi-carousel-content-item-keyframe-slide-in-reverse;
47
+ }
48
+ .semi-carousel-indicator {
49
+ display: flex;
50
+ align-items: flex-end;
51
+ z-index: 2;
52
+ }
53
+ .semi-carousel-indicator-left {
54
+ position: absolute;
55
+ left: 32px;
56
+ bottom: 32px;
57
+ }
58
+ .semi-carousel-indicator-center {
59
+ position: absolute;
60
+ left: 50%;
61
+ bottom: 32px;
62
+ transform: translate(-50%);
63
+ }
64
+ .semi-carousel-indicator-right {
65
+ position: absolute;
66
+ right: 32px;
67
+ bottom: 32px;
68
+ }
69
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item {
70
+ border-radius: 50%;
71
+ cursor: pointer;
72
+ }
73
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item:not(:last-child) {
74
+ margin-right: 8px;
75
+ }
76
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-small {
77
+ width: 8px;
78
+ height: 8px;
79
+ }
80
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-medium {
81
+ width: 12px;
82
+ height: 12px;
83
+ }
84
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-primary {
85
+ background-color: rgba(var(--semi-blue-6), 0.4);
86
+ }
87
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
88
+ background: rgba(var(--semi-blue-6), 1);
89
+ }
90
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-primary:hover {
91
+ background-color: rgba(var(--semi-blue-6), 0.7);
92
+ }
93
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-primary:active {
94
+ background: rgba(var(--semi-blue-6), 1);
95
+ }
96
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-light {
97
+ background-color: rgba(var(--semi-white), 0.4);
98
+ }
99
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
100
+ background: rgba(var(--semi-white), 1);
101
+ }
102
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-light:hover {
103
+ background-color: rgba(var(--semi-white), 0.7);
104
+ }
105
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-light:active {
106
+ background: rgba(var(--semi-white), 1);
107
+ }
108
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-dark {
109
+ background-color: rgba(var(--semi-black), 0.5);
110
+ }
111
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
112
+ background-color: rgba(var(--semi-black), 1);
113
+ }
114
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-dark:hover {
115
+ background-color: rgba(var(--semi-black), 0.7);
116
+ }
117
+ .semi-carousel-indicator-dot .semi-carousel-indicator-item-dark:active {
118
+ background: rgba(var(--semi-black), 1);
119
+ }
120
+ .semi-carousel-indicator-line {
121
+ width: 240px;
122
+ }
123
+ .semi-carousel-indicator-line .semi-carousel-indicator-item {
124
+ flex: 1;
125
+ cursor: pointer;
126
+ }
127
+ .semi-carousel-indicator-line .semi-carousel-indicator-item:not(:last-child) {
128
+ margin-right: 4px;
129
+ }
130
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-small {
131
+ height: 4px;
132
+ }
133
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-medium {
134
+ height: 6px;
135
+ }
136
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-primary {
137
+ background-color: rgba(var(--semi-blue-6), 0.4);
138
+ }
139
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
140
+ background: rgba(var(--semi-blue-6), 1);
141
+ }
142
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-primary:hover {
143
+ background-color: rgba(var(--semi-blue-6), 0.7);
144
+ }
145
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-primary:active {
146
+ background: rgba(var(--semi-blue-6), 1);
147
+ }
148
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-light {
149
+ background-color: rgba(var(--semi-white), 0.4);
150
+ }
151
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
152
+ background: rgba(var(--semi-white), 1);
153
+ }
154
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-light:hover {
155
+ background-color: rgba(var(--semi-white), 0.7);
156
+ }
157
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-light:active {
158
+ background: rgba(var(--semi-white), 1);
159
+ }
160
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-dark {
161
+ background-color: rgba(var(--semi-black), 0.5);
162
+ }
163
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
164
+ background: rgba(var(--semi-black), 1);
165
+ }
166
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-dark:hover {
167
+ background-color: rgba(var(--semi-black), 0.7);
168
+ }
169
+ .semi-carousel-indicator-line .semi-carousel-indicator-item-dark:active {
170
+ background: rgba(var(--semi-black), 1);
171
+ }
172
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item {
173
+ cursor: pointer;
174
+ }
175
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item:not(:last-child) {
176
+ margin-right: 4px;
177
+ }
178
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-small {
179
+ width: 4px;
180
+ height: 12px;
181
+ }
182
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-small.semi-carousel-indicator-item-active {
183
+ height: 20px;
184
+ }
185
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-medium {
186
+ width: 6px;
187
+ height: 20px;
188
+ }
189
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-medium.semi-carousel-indicator-item-active {
190
+ height: 28px;
191
+ }
192
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary {
193
+ background-color: rgba(var(--semi-blue-6), 0.4);
194
+ }
195
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary.semi-carousel-indicator-item-active {
196
+ background: rgba(var(--semi-blue-6), 1);
197
+ }
198
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary:hover {
199
+ background-color: rgba(var(--semi-blue-6), 0.7);
200
+ }
201
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-primary:active {
202
+ background: rgba(var(--semi-blue-6), 1);
203
+ }
204
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-light {
205
+ background-color: rgba(var(--semi-white), 0.4);
206
+ }
207
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-light.semi-carousel-indicator-item-active {
208
+ background: rgba(var(--semi-white), 1);
209
+ }
210
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-light:hover {
211
+ background-color: rgba(var(--semi-white), 0.7);
212
+ }
213
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-light:active {
214
+ background: rgba(var(--semi-white), 1);
215
+ }
216
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark {
217
+ background-color: rgba(var(--semi-black), 0.5);
218
+ }
219
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark.semi-carousel-indicator-item-active {
220
+ background: rgba(var(--semi-black), 1);
221
+ }
222
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark:hover {
223
+ background-color: rgba(var(--semi-black), 0.7);
224
+ }
225
+ .semi-carousel-indicator-columnar .semi-carousel-indicator-item-dark:active {
226
+ background: rgba(var(--semi-black), 1);
227
+ }
228
+ .semi-carousel-arrow {
229
+ display: flex;
230
+ font-size: 32px;
231
+ cursor: pointer;
232
+ }
233
+ .semi-carousel-arrow-prev {
234
+ position: absolute;
235
+ top: 50%;
236
+ left: 20px;
237
+ transform: translateY(-50%);
238
+ z-index: 2;
239
+ }
240
+ .semi-carousel-arrow-next {
241
+ position: absolute;
242
+ top: 50%;
243
+ right: 20px;
244
+ transform: translateY(-50%);
245
+ z-index: 2;
246
+ }
247
+ .semi-carousel-arrow-light {
248
+ color: rgba(var(--semi-white), 0.4);
249
+ }
250
+ .semi-carousel-arrow-light:hover {
251
+ color: rgba(var(--semi-white), 1);
252
+ }
253
+ .semi-carousel-arrow-primary {
254
+ color: rgba(var(--semi-blue-6), 0.4);
255
+ }
256
+ .semi-carousel-arrow-primary:hover {
257
+ color: rgba(var(--semi-blue-6), 1);
258
+ }
259
+ .semi-carousel-arrow-dark {
260
+ color: rgba(var(--semi-black), 0.5);
261
+ }
262
+ .semi-carousel-arrow-dark:hover {
263
+ color: rgba(var(--semi-black), 1);
264
+ }
265
+ .semi-carousel-arrow-hover div {
266
+ z-index: 2;
267
+ opacity: 0;
268
+ transition: all 0.3s;
269
+ }
270
+ .semi-carousel:hover .semi-carousel-arrow-hover div {
271
+ opacity: 1;
272
+ }
273
+
274
+ @keyframes semi-carousel-content-item-keyframe-slide-in {
275
+ from {
276
+ transform: translateX(100%);
277
+ }
278
+ to {
279
+ transform: translateX(0);
280
+ }
281
+ }
282
+ @keyframes semi-carousel-content-item-keyframe-slide-out {
283
+ from {
284
+ transform: translateX(0);
285
+ }
286
+ to {
287
+ transform: translateX(-100%);
288
+ }
289
+ }
290
+ @keyframes semi-carousel-content-item-keyframe-slide-in-reverse {
291
+ from {
292
+ transform: translateX(-100%);
293
+ }
294
+ to {
295
+ transform: translateX(0);
296
+ }
297
+ }
298
+ @keyframes semi-carousel-content-item-keyframe-slide-out-reverse {
299
+ from {
300
+ transform: translateX(0);
301
+ }
302
+ to {
303
+ transform: translateX(100%);
304
+ }
305
+ }
306
+ .semi-rtl .semi-carousel,
307
+ .semi-portal-rtl .semi-carousel {
308
+ direction: rtl;
309
+ }
310
+ .semi-rtl .semi-carousel-indicator,
311
+ .semi-portal-rtl .semi-carousel-indicator {
312
+ display: flex;
313
+ }
314
+ .semi-rtl .semi-carousel-indicator-dot .semi-carousel-indicator-item:not(:last-child),
315
+ .semi-portal-rtl .semi-carousel-indicator-dot .semi-carousel-indicator-item:not(:last-child) {
316
+ margin-right: 0;
317
+ margin-left: 8px;
318
+ }
319
+ .semi-rtl .semi-carousel-indicator-columnar .semi-carousel-indicator-item:not(:last-child),
320
+ .semi-portal-rtl .semi-carousel-indicator-columnar .semi-carousel-indicator-item:not(:last-child) {
321
+ margin-right: 0;
322
+ margin-left: 4px;
323
+ }
324
+ .semi-rtl .semi-carousel-arrow,
325
+ .semi-portal-rtl .semi-carousel-arrow {
326
+ flex-direction: row-reverse;
327
+ }
328
+ .semi-rtl .semi-carousel-arrow-prev,
329
+ .semi-portal-rtl .semi-carousel-arrow-prev {
330
+ left: auto;
331
+ right: 20px;
332
+ transform: scaleX(-1) translateY(-50%);
333
+ z-index: 2;
334
+ }
335
+ .semi-rtl .semi-carousel-arrow-next,
336
+ .semi-portal-rtl .semi-carousel-arrow-next {
337
+ left: 20px;
338
+ transform: scaleX(-1) translateY(-50%);
339
+ right: auto;
340
+ z-index: 2;
341
+ }