Skip to content

Commit 3f1f175

Browse files
LeeJimanlyyao
LeeJim
and
anlyyao
authored
refactor(divider): final version (#896)
* refactor(divider): final version * test: update snapshots --------- Co-authored-by: anlyyao <anly_yaw@163.com>
1 parent 03e1f71 commit 3f1f175

File tree

8 files changed

+100
-198
lines changed

8 files changed

+100
-198
lines changed

‎src/divider/__test__/__snapshots__/demo.test.jsx.snap

Lines changed: 60 additions & 140 deletions
Original file line numberDiff line numberDiff line change
@@ -11,18 +11,14 @@ exports[`Divider > Divider baseVue demo works fine 1`] = `
1111
水平分割线
1212
</div>
1313
<div
14-
class=""
14+
class="t-divider t-divider--horizontal t-divider--center"
1515
data-v-589c0842=""
1616
role="separator"
1717
>
1818
<div
19-
class="t-divider t-divider--horizontal t-divider--center"
19+
class="t-divider__content"
2020
>
21-
<div
22-
class="t-divider__content"
23-
>
24-
<!---->
25-
</div>
21+
<!---->
2622
</div>
2723
</div>
2824
<div
@@ -32,48 +28,36 @@ exports[`Divider > Divider baseVue demo works fine 1`] = `
3228
带文字水平分割线
3329
</div>
3430
<div
35-
class=""
31+
class="t-divider t-divider--horizontal t-divider--left"
3632
data-v-589c0842=""
3733
role="separator"
3834
>
3935
<div
40-
class="t-divider t-divider--horizontal t-divider--left"
36+
class="t-divider__content"
4137
>
42-
<div
43-
class="t-divider__content"
44-
>
45-
文字信息
46-
</div>
38+
文字信息
4739
</div>
4840
</div>
4941
<div
50-
class=""
42+
class="t-divider t-divider--horizontal t-divider--center"
5143
data-v-589c0842=""
5244
role="separator"
5345
>
5446
<div
55-
class="t-divider t-divider--horizontal t-divider--center"
47+
class="t-divider__content"
5648
>
57-
<div
58-
class="t-divider__content"
59-
>
60-
文字信息
61-
</div>
49+
文字信息
6250
</div>
6351
</div>
6452
<div
65-
class=""
53+
class="t-divider t-divider--horizontal t-divider--right"
6654
data-v-589c0842=""
6755
role="separator"
6856
>
6957
<div
70-
class="t-divider t-divider--horizontal t-divider--right"
58+
class="t-divider__content"
7159
>
72-
<div
73-
class="t-divider__content"
74-
>
75-
文字信息
76-
</div>
60+
文字信息
7761
</div>
7862
</div>
7963
<div
@@ -93,18 +77,14 @@ exports[`Divider > Divider baseVue demo works fine 1`] = `
9377
文字信息
9478
</span>
9579
<div
96-
class="t-divider--vertical-center"
80+
class="t-divider t-divider--vertical t-divider--center"
9781
data-v-589c0842=""
9882
role="separator"
9983
>
10084
<div
101-
class="t-divider t-divider--vertical t-divider--center"
85+
class="t-divider__content"
10286
>
103-
<div
104-
class="t-divider__content"
105-
>
106-
<!---->
107-
</div>
87+
<!---->
10888
</div>
10989
</div>
11090
<span
@@ -113,18 +93,14 @@ exports[`Divider > Divider baseVue demo works fine 1`] = `
11393
文字信息
11494
</span>
11595
<div
116-
class="t-divider--vertical-center"
96+
class="t-divider t-divider--vertical t-divider--center"
11797
data-v-589c0842=""
11898
role="separator"
11999
>
120100
<div
121-
class="t-divider t-divider--vertical t-divider--center"
101+
class="t-divider__content"
122102
>
123-
<div
124-
class="t-divider__content"
125-
>
126-
<!---->
127-
</div>
103+
<!---->
128104
</div>
129105
</div>
130106
<span
@@ -182,18 +158,14 @@ exports[`Divider > Divider mobileVue demo works fine 1`] = `
182158
水平分割线
183159
</div>
184160
<div
185-
class=""
161+
class="t-divider t-divider--horizontal t-divider--center"
186162
data-v-589c0842=""
187163
role="separator"
188164
>
189165
<div
190-
class="t-divider t-divider--horizontal t-divider--center"
166+
class="t-divider__content"
191167
>
192-
<div
193-
class="t-divider__content"
194-
>
195-
<!---->
196-
</div>
168+
<!---->
197169
</div>
198170
</div>
199171
<div
@@ -203,48 +175,36 @@ exports[`Divider > Divider mobileVue demo works fine 1`] = `
203175
带文字水平分割线
204176
</div>
205177
<div
206-
class=""
178+
class="t-divider t-divider--horizontal t-divider--left"
207179
data-v-589c0842=""
208180
role="separator"
209181
>
210182
<div
211-
class="t-divider t-divider--horizontal t-divider--left"
183+
class="t-divider__content"
212184
>
213-
<div
214-
class="t-divider__content"
215-
>
216-
文字信息
217-
</div>
185+
文字信息
218186
</div>
219187
</div>
220188
<div
221-
class=""
189+
class="t-divider t-divider--horizontal t-divider--center"
222190
data-v-589c0842=""
223191
role="separator"
224192
>
225193
<div
226-
class="t-divider t-divider--horizontal t-divider--center"
194+
class="t-divider__content"
227195
>
228-
<div
229-
class="t-divider__content"
230-
>
231-
文字信息
232-
</div>
196+
文字信息
233197
</div>
234198
</div>
235199
<div
236-
class=""
200+
class="t-divider t-divider--horizontal t-divider--right"
237201
data-v-589c0842=""
238202
role="separator"
239203
>
240204
<div
241-
class="t-divider t-divider--horizontal t-divider--right"
205+
class="t-divider__content"
242206
>
243-
<div
244-
class="t-divider__content"
245-
>
246-
文字信息
247-
</div>
207+
文字信息
248208
</div>
249209
</div>
250210
<div
@@ -264,18 +224,14 @@ exports[`Divider > Divider mobileVue demo works fine 1`] = `
264224
文字信息
265225
</span>
266226
<div
267-
class="t-divider--vertical-center"
227+
class="t-divider t-divider--vertical t-divider--center"
268228
data-v-589c0842=""
269229
role="separator"
270230
>
271231
<div
272-
class="t-divider t-divider--vertical t-divider--center"
232+
class="t-divider__content"
273233
>
274-
<div
275-
class="t-divider__content"
276-
>
277-
<!---->
278-
</div>
234+
<!---->
279235
</div>
280236
</div>
281237
<span
@@ -284,18 +240,14 @@ exports[`Divider > Divider mobileVue demo works fine 1`] = `
284240
文字信息
285241
</span>
286242
<div
287-
class="t-divider--vertical-center"
243+
class="t-divider t-divider--vertical t-divider--center"
288244
data-v-589c0842=""
289245
role="separator"
290246
>
291247
<div
292-
class="t-divider t-divider--vertical t-divider--center"
248+
class="t-divider__content"
293249
>
294-
<div
295-
class="t-divider__content"
296-
>
297-
<!---->
298-
</div>
250+
<!---->
299251
</div>
300252
</div>
301253
<span
@@ -337,63 +289,47 @@ exports[`Divider > Divider mobileVue demo works fine 1`] = `
337289
虚线样式
338290
</div>
339291
<div
340-
class=""
292+
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
341293
data-v-127b67ab=""
342294
role="separator"
343295
>
344296
<div
345-
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
297+
class="t-divider__content"
346298
>
347-
<div
348-
class="t-divider__content"
349-
>
350-
<!---->
351-
</div>
299+
<!---->
352300
</div>
353301
</div>
354302
<div
355-
class=""
303+
class="t-divider t-divider--horizontal t-divider--left t-divider--dashed"
356304
data-v-127b67ab=""
357305
role="separator"
358306
>
359307
<div
360-
class="t-divider t-divider--horizontal t-divider--left t-divider--dashed"
308+
class="t-divider__content"
361309
>
362-
<div
363-
class="t-divider__content"
364-
>
365-
文字信息
366-
</div>
310+
文字信息
367311
</div>
368312
</div>
369313
<div
370-
class=""
314+
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
371315
data-v-127b67ab=""
372316
role="separator"
373317
>
374318
<div
375-
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
319+
class="t-divider__content"
376320
>
377-
<div
378-
class="t-divider__content"
379-
>
380-
文字信息
381-
</div>
321+
文字信息
382322
</div>
383323
</div>
384324
<div
385-
class=""
325+
class="t-divider t-divider--horizontal t-divider--right t-divider--dashed"
386326
data-v-127b67ab=""
387327
role="separator"
388328
>
389329
<div
390-
class="t-divider t-divider--horizontal t-divider--right t-divider--dashed"
330+
class="t-divider__content"
391331
>
392-
<div
393-
class="t-divider__content"
394-
>
395-
文字信息
396-
</div>
332+
文字信息
397333
</div>
398334
</div>
399335
</div>
@@ -414,63 +350,47 @@ exports[`Divider > Divider themeVue demo works fine 1`] = `
414350
虚线样式
415351
</div>
416352
<div
417-
class=""
353+
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
418354
data-v-127b67ab=""
419355
role="separator"
420356
>
421357
<div
422-
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
358+
class="t-divider__content"
423359
>
424-
<div
425-
class="t-divider__content"
426-
>
427-
<!---->
428-
</div>
360+
<!---->
429361
</div>
430362
</div>
431363
<div
432-
class=""
364+
class="t-divider t-divider--horizontal t-divider--left t-divider--dashed"
433365
data-v-127b67ab=""
434366
role="separator"
435367
>
436368
<div
437-
class="t-divider t-divider--horizontal t-divider--left t-divider--dashed"
369+
class="t-divider__content"
438370
>
439-
<div
440-
class="t-divider__content"
441-
>
442-
文字信息
443-
</div>
371+
文字信息
444372
</div>
445373
</div>
446374
<div
447-
class=""
375+
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
448376
data-v-127b67ab=""
449377
role="separator"
450378
>
451379
<div
452-
class="t-divider t-divider--horizontal t-divider--center t-divider--dashed"
380+
class="t-divider__content"
453381
>
454-
<div
455-
class="t-divider__content"
456-
>
457-
文字信息
458-
</div>
382+
文字信息
459383
</div>
460384
</div>
461385
<div
462-
class=""
386+
class="t-divider t-divider--horizontal t-divider--right t-divider--dashed"
463387
data-v-127b67ab=""
464388
role="separator"
465389
>
466390
<div
467-
class="t-divider t-divider--horizontal t-divider--right t-divider--dashed"
391+
class="t-divider__content"
468392
>
469-
<div
470-
class="t-divider__content"
471-
>
472-
文字信息
473-
</div>
393+
文字信息
474394
</div>
475395
</div>
476396
</div>

0 commit comments

Comments
 (0)