You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.0 KiB
43 lines
1.0 KiB
/* |
|
* @Author: weisheng |
|
* @Date: 2022-12-14 17:33:21 |
|
* @LastEditTime: 2023-05-19 16:02:53 |
|
* @LastEditors: weisheng |
|
* @Description: |
|
* @FilePath: \fant-mini-plus\src\uni_modules\fant-mini-plus\components\hd-calendar\index.ts |
|
* 记得注释 |
|
*/ |
|
import { InjectionKey, Ref, nextTick, provide, ref } from 'vue' |
|
import type { Calendar } from './types' |
|
|
|
/** |
|
* useCalendar 用到的key |
|
* |
|
* @internal |
|
*/ |
|
export const calendarDefaultKey = Symbol('__CALENDAR_') as InjectionKey<Ref<boolean>> |
|
|
|
export function useCalendar(selector: string = ''): Calendar { |
|
const calendarShow = ref<boolean>(false) // 是否展示calendar |
|
const calendarKey = selector ? '__CALENDAR_' + selector : calendarDefaultKey |
|
provide(calendarKey, calendarShow) |
|
const showCalendar = () => { |
|
if (calendarShow.value) { |
|
calendarShow.value = false |
|
nextTick(() => { |
|
calendarShow.value = true |
|
}) |
|
} else { |
|
calendarShow.value = true |
|
} |
|
} |
|
|
|
const closeCalendar = () => { |
|
calendarShow.value = false |
|
} |
|
|
|
return { |
|
showCalendar, |
|
closeCalendar |
|
} |
|
}
|
|
|