110 lines
3.3 KiB
XML
110 lines
3.3 KiB
XML
<import-sjs
|
|
from="./helper.sjs"
|
|
name="helper"
|
|
></import-sjs>
|
|
<import-sjs
|
|
from="./scroll.sjs"
|
|
name="scroll"
|
|
></import-sjs>
|
|
<view
|
|
class="ant-calendar {{className ? className : ''}}"
|
|
style="{{style}}"
|
|
>
|
|
<view class="ant-calendar-mark">
|
|
<block
|
|
a:for="{{markItems}}"
|
|
a:for-index="index"
|
|
a:for-item="item"
|
|
>
|
|
<view class="{{helper.getMarkCellClassName(index, markItems)}}">
|
|
<!--display: inline-->
|
|
<text>{{item}}</text>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
<view
|
|
a:if="{{!!elementSize}}"
|
|
class="ant-calendar-sticky"
|
|
>
|
|
<view class="ant-calendar-sticky-title">
|
|
<slot name="calendarTitle">
|
|
<view class="ant-calendar-title">
|
|
{{monthList[headerState].title}}
|
|
</view>
|
|
</slot>
|
|
</view>
|
|
</view>
|
|
<scroll-view
|
|
scrollY="{{true}}"
|
|
class="ant-calendar-body"
|
|
data-elementsize="{{elementSize}}"
|
|
data-monthlist="{{monthList}}"
|
|
onScroll="{{scroll.handleScroll}}"
|
|
scrollIntoView="{{scrollIntoViewId}}"
|
|
scrollWithAnimation
|
|
scrollAnimationDuration="{{300}}"
|
|
disableLowerScroll="out-of-bounds"
|
|
disableUpperScroll="out-of-bounds"
|
|
ref="handleRef"
|
|
>
|
|
<block
|
|
a:for="{{monthList}}"
|
|
a:for-index="index"
|
|
a:for-item="currentMonth"
|
|
>
|
|
<view
|
|
class="ant-calendar-body-container {{currentMonth.className || ''}}"
|
|
style="{{currentMonth.style || ''}}"
|
|
>
|
|
<view class="ant-calendar-title-container">
|
|
<slot name="calendarTitle">
|
|
<view class="ant-calendar-title">{{currentMonth.title}}</view>
|
|
</slot>
|
|
</view>
|
|
<view class="ant-calendar-cells">
|
|
<block
|
|
a:for="{{currentMonth.cells}}"
|
|
a:for-index="index"
|
|
a:for-item="item"
|
|
>
|
|
<block a:if="{{helper.isDisplay(index, currentMonth.cells)}}">
|
|
<view
|
|
class="{{helper.getClassName(item, index, showSelectableDatesOnly)}}"
|
|
id="id_{{item.time}}"
|
|
data-time="{{item}}"
|
|
onTap="clickCell"
|
|
>
|
|
<view class="ant-calendar-cell-container">
|
|
<view class="ant-calendar-cell-top">
|
|
<!--display: inline-->
|
|
<text
|
|
a:if="{{item.top}}"
|
|
class="ant-calendar-cell-top-text {{item.top.className ? item.top.className : ''}}"
|
|
>{{item.top.label}}</text>
|
|
</view>
|
|
<view class="ant-calendar-cell-center">{{item.date}}</view>
|
|
<view class="ant-calendar-cell-bottom">
|
|
<slot
|
|
name="cell-bottom"
|
|
cell="{{item}}"
|
|
>
|
|
<!--display: inline-->
|
|
<text
|
|
a:if="{{item.bottom}}"
|
|
class="{{item.bottom.className}}"
|
|
>{{item.bottom.label}}</text>
|
|
</slot>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view
|
|
a:if="{{index % 7 !== 6}}"
|
|
class="{{helper.getSpaceClassName(index, currentMonth.cells)}}"
|
|
></view>
|
|
</block>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
</view> |