blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

perf(Calendar): simplify placeholder dom (#8955)

Browse Source
This commit is contained in:
neverland 2021-06-30 10:02:50 +08:00 committed by GitHub
parent be3a7d7497
commit 9040bfd77c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/calendar/CalendarDay.tsx
View File

@ -136,6 +136,11 @@ export default defineComponent({
return () => { return () => {
const { type, className } = props.item; const { type, className } = props.item;
if (type === 'placeholder') {
return <div class={bem('day')} style={style.value} />;
}
return ( return (
<div <div
role="gridcell" role="gridcell"

60
src/calendar/test/__snapshots__/demo.spec.ts.snap
View File

@ -190,34 +190,24 @@ exports[`should render demo and match snapshot 1`] = `
<div role="grid" <div role="grid"
class="van-calendar__days" class="van-calendar__days"
> >
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
</div> </div>
@ -229,34 +219,24 @@ exports[`should render demo and match snapshot 1`] = `
<div role="grid" <div role="grid"
class="van-calendar__days" class="van-calendar__days"
> >
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
</div> </div>
@ -268,34 +248,24 @@ exports[`should render demo and match snapshot 1`] = `
<div role="grid" <div role="grid"
class="van-calendar__days" class="van-calendar__days"
> >
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
</div> </div>

48
src/calendar/test/__snapshots__/index.spec.ts.snap
View File

@ -37,40 +37,28 @@ exports[`color prop when type is range 1`] = `
<div role="grid" <div role="grid"
class="van-calendar__days" class="van-calendar__days"
> >
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
</div> </div>
@ -606,40 +594,28 @@ exports[`popup wrapper 2`] = `
<div role="grid" <div role="grid"
class="van-calendar__days" class="van-calendar__days"
> >
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
<div role="gridcell" <div class="van-calendar__day"
style="width: 100%;" style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
> >
</div> </div>
</div> </div>