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

fix(canendar): subtitle supports reactive (#12425)

Browse Source
This commit is contained in:
cc heart 2023-11-05 14:20:34 +08:00 committed by GitHub
parent 5accade265
commit 8079f7c24d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
packages/vant/src/calendar/Calendar.tsx
View File

@ -176,8 +176,8 @@ export default defineComponent({
const bodyRef = ref<HTMLElement>();
const subtitle = ref<{ text: string; date?: Date }>({
text: '',
const subtitle = ref<{ textFn: () => string; date?: Date }>({
textFn: () => '',
date: undefined,
});
const currentDate = ref(getInitialDate());
@ -272,7 +272,7 @@ export default defineComponent({
/* istanbul ignore else */
if (currentMonth) {
subtitle.value = {
text: currentMonth.getTitle(),
textFn: currentMonth.getTitle,
date: currentMonth.date,
};
}
@ -529,24 +529,29 @@ export default defineComponent({
</div>
);
const renderCalendar = () => (
<div class={bem()}>
<CalendarHeader
v-slots={pick(slots, ['title', 'subtitle'])}
date={subtitle.value.date}
title={props.title}
subtitle={subtitle.value.text}
showTitle={props.showTitle}
showSubtitle={props.showSubtitle}
firstDayOfWeek={dayOffset.value}
onClickSubtitle={(event: MouseEvent) => emit('clickSubtitle', event)}
/>
<div ref={bodyRef} class={bem('body')} onScroll={onScroll}>
{months.value.map(renderMonth)}
const renderCalendar = () => {
const subTitle = subtitle.value.textFn();
return (
<div class={bem()}>
<CalendarHeader
v-slots={pick(slots, ['title', 'subtitle'])}
date={subtitle.value.date}
title={props.title}
subtitle={subTitle}
showTitle={props.showTitle}
showSubtitle={props.showSubtitle}
firstDayOfWeek={dayOffset.value}
onClickSubtitle={(event: MouseEvent) =>
emit('clickSubtitle', event)
}
/>
<div ref={bodyRef} class={bem('body')} onScroll={onScroll}>
{months.value.map(renderMonth)}
</div>
{renderFooter()}
</div>
{renderFooter()}
</div>
);
);
};
watch(() => props.show, init);
watch(