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

perf(calendar): shorten template code (#3972)

Browse Source
This commit is contained in:
rex 2021-01-19 11:08:56 +08:00 committed by GitHub
parent 7d5cb853e9
commit 600e189aa0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 64 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
packages/calendar/calendar.wxml
View File

@ -1,57 +1,65 @@
<wxs src="./index.wxs" module="computed"></wxs> <view class="van-calendar">
<header
title="{{ title }}"
showTitle="{{ showTitle }}"
subtitle="{{ subtitle }}"
showSubtitle="{{ showSubtitle }}"
>
<slot name="title" slot="title"></slot>
</header>
<template name="calendar"> <scroll-view
<view class="van-calendar"> class="van-calendar__body"
<header scroll-y
title="{{ title }}" scroll-into-view="{{ scrollIntoView }}"
showTitle="{{ showTitle }}" >
subtitle="{{ subtitle }}" <month
wx:for="{{ computed.getMonths(minDate, maxDate) }}"
wx:key="index"
id="month{{ index }}"
class="month"
data-date="{{ item }}"
date="{{ item }}"
type="{{ type }}"
color="{{ color }}"
minDate="{{ minDate }}"
maxDate="{{ maxDate }}"
showMark="{{ showMark }}"
formatter="{{ formatter }}"
rowHeight="{{ rowHeight }}"
currentDate="{{ currentDate }}"
showSubtitle="{{ showSubtitle }}" showSubtitle="{{ showSubtitle }}"
> allowSameDay="{{ allowSameDay }}"
<slot name="title" slot="title"></slot> showMonthTitle="{{ index !== 0 || !showSubtitle }}"
</header> bind:click="onClickDay"
/>
</scroll-view>
<scroll-view class="van-calendar__body" scroll-y scroll-into-view="{{ scrollIntoView }}"> <view
<month class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
wx:for="{{ computed.getMonths(minDate, maxDate) }}" >
wx:key="index" <slot name="footer"></slot>
id="month{{ index }}"
class="month"
data-date="{{ item }}"
date="{{ item }}"
type="{{ type }}"
color="{{ color }}"
minDate="{{ minDate }}"
maxDate="{{ maxDate }}"
showMark="{{ showMark }}"
formatter="{{ formatter }}"
rowHeight="{{ rowHeight }}"
currentDate="{{ currentDate }}"
showSubtitle="{{ showSubtitle }}"
allowSameDay="{{ allowSameDay }}"
showMonthTitle="{{ index !== 0 || !showSubtitle }}"
bind:click="onClickDay"
/>
</scroll-view>
<view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
<slot name="footer"></slot>
</view>
<view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
<van-button
wx:if="{{ showConfirm }}"
round
block
type="danger"
color="{{ color }}"
custom-class="van-calendar__confirm"
disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
nativeType="text"
bind:click="onConfirm"
>
{{ computed.getButtonDisabled(type, currentDate) ? confirmDisabledText : confirmText }}
</van-button>
</view>
</view> </view>
</template>
<view
class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
>
<van-button
wx:if="{{ showConfirm }}"
round
block
type="danger"
color="{{ color }}"
custom-class="van-calendar__confirm"
disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
nativeType="text"
bind:click="onConfirm"
>
{{
computed.getButtonDisabled(type, currentDate)
? confirmDisabledText
: confirmText
}}
</van-button>
</view>
</view>

12
packages/calendar/index.wxml
View File

@ -1,4 +1,5 @@
<wxs src="./index.wxs" module="computed" /> <wxs src="./index.wxs" module="computed" />
<wxs src="../wxs/utils.wxs" module="utils" />
<import src="./calendar.wxml" /> <import src="./calendar.wxml" />
@ -16,16 +17,9 @@
bind:after-enter="onOpened" bind:after-enter="onOpened"
bind:after-leave="onClosed" bind:after-leave="onClosed"
> >
<template <include src="calendar.wxml" />
is="calendar"
data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
/>
</van-popup> </van-popup>
<template <include wx:else src="calendar.wxml" />
wx:else
is="calendar"
data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
/>
<van-toast id="van-toast" /> <van-toast id="van-toast" />