Skip to content

Commit 0cf47f7

Browse files
anlyyaoanlyyao
authored
fix(Tabs): fix insufficient split divider line length in scrollable s… (#2183)
* fix(Tabs): fix insufficient split divider line length in scrollable scenarios * test: update snapshots * docs: update api docs * chore: update _common
1 parent 38d9c0d commit 0cf47f7

File tree

6 files changed

+79
-81
lines changed

6 files changed

+79
-81
lines changed

‎src/_common‎

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

Lines changed: 52 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,10 @@ exports[`Tabs > Tabs badgeVue demo works fine 1`] = `
1919
>
2020
2121
<div
22-
class="t-tabs__nav"
22+
class="t-tabs__nav t-tabs__nav--split"
2323
>
2424
<div
25-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
25+
class="t-tabs__scroll t-tabs__scroll--line"
2626
>
2727
<div
2828
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -170,10 +170,10 @@ exports[`Tabs > Tabs contentVue demo works fine 1`] = `
170170
>
171171
172172
<div
173-
class="t-tabs__nav"
173+
class="t-tabs__nav t-tabs__nav--split"
174174
>
175175
<div
176-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
176+
class="t-tabs__scroll t-tabs__scroll--line"
177177
>
178178
<div
179179
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -311,10 +311,10 @@ exports[`Tabs > Tabs evenlyVue demo works fine 1`] = `
311311
>
312312
313313
<div
314-
class="t-tabs__nav"
314+
class="t-tabs__nav t-tabs__nav--split"
315315
>
316316
<div
317-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
317+
class="t-tabs__scroll t-tabs__scroll--line"
318318
>
319319
<div
320320
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -414,10 +414,10 @@ exports[`Tabs > Tabs evenlyVue demo works fine 1`] = `
414414
>
415415
416416
<div
417-
class="t-tabs__nav"
417+
class="t-tabs__nav t-tabs__nav--split"
418418
>
419419
<div
420-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
420+
class="t-tabs__scroll t-tabs__scroll--line"
421421
>
422422
<div
423423
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -539,10 +539,10 @@ exports[`Tabs > Tabs evenlyVue demo works fine 1`] = `
539539
>
540540
541541
<div
542-
class="t-tabs__nav"
542+
class="t-tabs__nav t-tabs__nav--split"
543543
>
544544
<div
545-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
545+
class="t-tabs__scroll t-tabs__scroll--line"
546546
>
547547
<div
548548
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -692,10 +692,10 @@ exports[`Tabs > Tabs evenlyVue demo works fine 1`] = `
692692
>
693693
694694
<div
695-
class="t-tabs__nav"
695+
class="t-tabs__nav t-tabs__nav--split"
696696
>
697697
<div
698-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
698+
class="t-tabs__scroll t-tabs__scroll--line"
699699
>
700700
<div
701701
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -879,10 +879,10 @@ exports[`Tabs > Tabs iconVue demo works fine 1`] = `
879879
>
880880
881881
<div
882-
class="t-tabs__nav"
882+
class="t-tabs__nav t-tabs__nav--split"
883883
>
884884
<div
885-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
885+
class="t-tabs__scroll t-tabs__scroll--line"
886886
>
887887
<div
888888
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -1205,10 +1205,10 @@ exports[`Tabs > Tabs isometricVue demo works fine 1`] = `
12051205
>
12061206
12071207
<div
1208-
class="t-tabs__nav"
1208+
class="t-tabs__nav t-tabs__nav--split"
12091209
>
12101210
<div
1211-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
1211+
class="t-tabs__scroll t-tabs__scroll--line"
12121212
>
12131213
<div
12141214
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -1513,10 +1513,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
15131513
>
15141514
15151515
<div
1516-
class="t-tabs__nav"
1516+
class="t-tabs__nav t-tabs__nav--split"
15171517
>
15181518
<div
1519-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
1519+
class="t-tabs__scroll t-tabs__scroll--line"
15201520
>
15211521
<div
15221522
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -1616,10 +1616,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
16161616
>
16171617
16181618
<div
1619-
class="t-tabs__nav"
1619+
class="t-tabs__nav t-tabs__nav--split"
16201620
>
16211621
<div
1622-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
1622+
class="t-tabs__scroll t-tabs__scroll--line"
16231623
>
16241624
<div
16251625
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -1741,10 +1741,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
17411741
>
17421742
17431743
<div
1744-
class="t-tabs__nav"
1744+
class="t-tabs__nav t-tabs__nav--split"
17451745
>
17461746
<div
1747-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
1747+
class="t-tabs__scroll t-tabs__scroll--line"
17481748
>
17491749
<div
17501750
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -1894,10 +1894,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
18941894
>
18951895
18961896
<div
1897-
class="t-tabs__nav"
1897+
class="t-tabs__nav t-tabs__nav--split"
18981898
>
18991899
<div
1900-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
1900+
class="t-tabs__scroll t-tabs__scroll--line"
19011901
>
19021902
<div
19031903
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -2098,10 +2098,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
20982098
>
20992099
21002100
<div
2101-
class="t-tabs__nav"
2101+
class="t-tabs__nav t-tabs__nav--split"
21022102
>
21032103
<div
2104-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
2104+
class="t-tabs__scroll t-tabs__scroll--line"
21052105
>
21062106
<div
21072107
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -2389,10 +2389,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
23892389
>
23902390
23912391
<div
2392-
class="t-tabs__nav"
2392+
class="t-tabs__nav t-tabs__nav--split"
23932393
>
23942394
<div
2395-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
2395+
class="t-tabs__scroll t-tabs__scroll--line"
23962396
>
23972397
<div
23982398
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -2732,10 +2732,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
27322732
>
27332733
27342734
<div
2735-
class="t-tabs__nav"
2735+
class="t-tabs__nav t-tabs__nav--split"
27362736
>
27372737
<div
2738-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
2738+
class="t-tabs__scroll t-tabs__scroll--line"
27392739
>
27402740
<div
27412741
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -2900,10 +2900,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
29002900
>
29012901
29022902
<div
2903-
class="t-tabs__nav"
2903+
class="t-tabs__nav t-tabs__nav--split"
29042904
>
29052905
<div
2906-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
2906+
class="t-tabs__scroll t-tabs__scroll--line"
29072907
>
29082908
<div
29092909
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -3062,10 +3062,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
30623062
>
30633063
30643064
<div
3065-
class="t-tabs__nav"
3065+
class="t-tabs__nav t-tabs__nav--split"
30663066
>
30673067
<div
3068-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
3068+
class="t-tabs__scroll t-tabs__scroll--line"
30693069
>
30703070
<div
30713071
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -3216,10 +3216,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
32163216
>
32173217
32183218
<div
3219-
class="t-tabs__nav"
3219+
class="t-tabs__nav t-tabs__nav--split"
32203220
>
32213221
<div
3222-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
3222+
class="t-tabs__scroll t-tabs__scroll--line"
32233223
>
32243224
<div
32253225
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -3369,10 +3369,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
33693369
>
33703370
33713371
<div
3372-
class="t-tabs__nav"
3372+
class="t-tabs__nav t-tabs__nav--split"
33733373
>
33743374
<div
3375-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
3375+
class="t-tabs__scroll t-tabs__scroll--line"
33763376
>
33773377
<div
33783378
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -3547,10 +3547,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
35473547
>
35483548
35493549
<div
3550-
class="t-tabs__nav"
3550+
class="t-tabs__nav t-tabs__nav--split"
35513551
>
35523552
<div
3553-
class="t-tabs__scroll t-tabs__scroll--tag t-tabs__scroll--split"
3553+
class="t-tabs__scroll t-tabs__scroll--tag"
35543554
>
35553555
<div
35563556
class="t-tabs__wrapper t-tabs__wrapper--tag"
@@ -3697,10 +3697,10 @@ exports[`Tabs > Tabs mobileVue demo works fine 1`] = `
36973697
>
36983698
36993699
<div
3700-
class="t-tabs__nav"
3700+
class="t-tabs__nav t-tabs__nav--split"
37013701
>
37023702
<div
3703-
class="t-tabs__scroll t-tabs__scroll--card t-tabs__scroll--split"
3703+
class="t-tabs__scroll t-tabs__scroll--card"
37043704
>
37053705
<div
37063706
class="t-tabs__wrapper t-tabs__wrapper--card"
@@ -3861,10 +3861,10 @@ exports[`Tabs > Tabs sizeVue demo works fine 1`] = `
38613861
>
38623862
38633863
<div
3864-
class="t-tabs__nav"
3864+
class="t-tabs__nav t-tabs__nav--split"
38653865
>
38663866
<div
3867-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
3867+
class="t-tabs__scroll t-tabs__scroll--line"
38683868
>
38693869
<div
38703870
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -4014,10 +4014,10 @@ exports[`Tabs > Tabs sizeVue demo works fine 1`] = `
40144014
>
40154015
40164016
<div
4017-
class="t-tabs__nav"
4017+
class="t-tabs__nav t-tabs__nav--split"
40184018
>
40194019
<div
4020-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
4020+
class="t-tabs__scroll t-tabs__scroll--line"
40214021
>
40224022
<div
40234023
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -4175,10 +4175,10 @@ exports[`Tabs > Tabs statusVue demo works fine 1`] = `
41754175
>
41764176
41774177
<div
4178-
class="t-tabs__nav"
4178+
class="t-tabs__nav t-tabs__nav--split"
41794179
>
41804180
<div
4181-
class="t-tabs__scroll t-tabs__scroll--line t-tabs__scroll--split"
4181+
class="t-tabs__scroll t-tabs__scroll--line"
41824182
>
41834183
<div
41844184
class="t-tabs__wrapper t-tabs__wrapper--line"
@@ -4308,10 +4308,10 @@ exports[`Tabs > Tabs themeVue demo works fine 1`] = `
43084308
>
43094309
43104310
<div
4311-
class="t-tabs__nav"
4311+
class="t-tabs__nav t-tabs__nav--split"
43124312
>
43134313
<div
4314-
class="t-tabs__scroll t-tabs__scroll--tag t-tabs__scroll--split"
4314+
class="t-tabs__scroll t-tabs__scroll--tag"
43154315
>
43164316
<div
43174317
class="t-tabs__wrapper t-tabs__wrapper--tag"
@@ -4458,10 +4458,10 @@ exports[`Tabs > Tabs themeVue demo works fine 1`] = `
44584458
>
44594459
44604460
<div
4461-
class="t-tabs__nav"
4461+
class="t-tabs__nav t-tabs__nav--split"
44624462
>
44634463
<div
4464-
class="t-tabs__scroll t-tabs__scroll--card t-tabs__scroll--split"
4464+
class="t-tabs__scroll t-tabs__scroll--card"
44654465
>
44664466
<div
44674467
class="t-tabs__wrapper t-tabs__wrapper--card"

‎src/tabs/props.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,11 +76,11 @@ export default {
7676
/** 激活的选项卡值 */
7777
value: {
7878
type: [String, Number] as PropType<TdTabsProps['value']>,
79-
default: undefined,
79+
default: undefined as TdTabsProps['value'],
8080
},
8181
modelValue: {
8282
type: [String, Number] as PropType<TdTabsProps['value']>,
83-
default: undefined,
83+
default: undefined as TdTabsProps['value'],
8484
},
8585
/** 激活的选项卡值，非受控属性 */
8686
defaultValue: {

0 commit comments

Comments
 (0)