Skip to content

Commit

Permalink
feat(Skeleton): sfc changed to tsx (#1301)
Browse files Browse the repository at this point in the history 
* feat(Skeleton): sfc changed to tsx

* test: update test

* test: update snapshots

* feat(Skeleton): use usePrefixClass() to calculate the class prefix

* docs: sync api

---------

Co-authored-by: 黎伟杰 <[email protected]>
  • Loading branch information
@anlyyao @liweijie0812
anlyyao and liweijie0812 committed Apr 18, 2024
1 parent e67fa1b commit 00c910f
Show file tree
Hide file tree
Showing 9 changed files with 626 additions and 255 deletions.
84 changes: 66 additions & 18 deletions src/back-top/__test__/__snapshots__/demo.test.jsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -296,14 +296,17 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
data-v-806aae90=""
>
<div
class="t-skeleton__row"
>
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 165.5px; height: 165.5px; border-radius: 12px;"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -312,7 +315,9 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -322,24 +327,30 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 100px;"
/>
>
<!---->
</div>
</div>
</div>
<div
class="t-skeleton item"
data-v-806aae90=""
>
<div
class="t-skeleton__row"
>
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 165.5px; height: 165.5px; border-radius: 12px;"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -348,7 +359,9 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -358,24 +371,30 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 100px;"
/>
>
<!---->
</div>
</div>
</div>
<div
class="t-skeleton item"
data-v-806aae90=""
>
<div
class="t-skeleton__row"
>
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 165.5px; height: 165.5px; border-radius: 12px;"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -384,7 +403,9 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -394,24 +415,30 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 100px;"
/>
>
<!---->
</div>
</div>
</div>
<div
class="t-skeleton item"
data-v-806aae90=""
>
<div
class="t-skeleton__row"
>
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 165.5px; height: 165.5px; border-radius: 12px;"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -420,7 +447,9 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -430,24 +459,30 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 100px;"
/>
>
<!---->
</div>
</div>
</div>
<div
class="t-skeleton item"
data-v-806aae90=""
>
<div
class="t-skeleton__row"
>
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 165.5px; height: 165.5px; border-radius: 12px;"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -456,7 +491,9 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -466,24 +503,30 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 100px;"
/>
>
<!---->
</div>
</div>
</div>
<div
class="t-skeleton item"
data-v-806aae90=""
>
<div
class="t-skeleton__row"
>
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 165.5px; height: 165.5px; border-radius: 12px;"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -492,7 +535,9 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
/>
>
<!---->
</div>
</div>
<div
Expand All @@ -502,10 +547,13 @@ exports[`BackTop > BackTop mobileVue demo works fine 1`] = `
<div
class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
style="width: 100px;"
/>
>
<!---->
</div>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 00c910f

Please sign in to comment.