add countdown.

This commit is contained in:
2023-03-03 12:46:58 +08:00
parent b07489723c
commit 18a20c04c5
10 changed files with 414 additions and 368 deletions

572
src/auto-imports.d.ts vendored
View File

@@ -4,298 +4,290 @@
// Generated by unplugin-auto-import // Generated by unplugin-auto-import
export {} export {}
declare global { declare global {
const EffectScope: typeof import("vue")["EffectScope"] const EffectScope: typeof import('vue')['EffectScope']
const acceptHMRUpdate: typeof import("pinia")["acceptHMRUpdate"] const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
const asyncComputed: typeof import("@vueuse/core")["asyncComputed"] const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
const autoResetRef: typeof import("@vueuse/core")["autoResetRef"] const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
const computed: typeof import("vue")["computed"] const computed: typeof import('vue')['computed']
const computedAsync: typeof import("@vueuse/core")["computedAsync"] const computedAsync: typeof import('@vueuse/core')['computedAsync']
const computedEager: typeof import("@vueuse/core")["computedEager"] const computedEager: typeof import('@vueuse/core')['computedEager']
const computedInject: typeof import("@vueuse/core")["computedInject"] const computedInject: typeof import('@vueuse/core')['computedInject']
const computedWithControl: typeof import("@vueuse/core")["computedWithControl"] const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
const controlledComputed: typeof import("@vueuse/core")["controlledComputed"] const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
const controlledRef: typeof import("@vueuse/core")["controlledRef"] const controlledRef: typeof import('@vueuse/core')['controlledRef']
const createApp: typeof import("vue")["createApp"] const createApp: typeof import('vue')['createApp']
const createEventHook: typeof import("@vueuse/core")["createEventHook"] const createEventHook: typeof import('@vueuse/core')['createEventHook']
const createGlobalState: typeof import("@vueuse/core")["createGlobalState"] const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
const createInjectionState: typeof import("@vueuse/core")["createInjectionState"] const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
const createPinia: typeof import("pinia")["createPinia"] const createPinia: typeof import('pinia')['createPinia']
const createReactiveFn: typeof import("@vueuse/core")["createReactiveFn"] const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
const createSharedComposable: typeof import("@vueuse/core")["createSharedComposable"] const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
const createUnrefFn: typeof import("@vueuse/core")["createUnrefFn"] const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
const customRef: typeof import("vue")["customRef"] const customRef: typeof import('vue')['customRef']
const debouncedRef: typeof import("@vueuse/core")["debouncedRef"] const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
const debouncedWatch: typeof import("@vueuse/core")["debouncedWatch"] const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
const defineAsyncComponent: typeof import("vue")["defineAsyncComponent"] const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
const defineComponent: typeof import("vue")["defineComponent"] const defineComponent: typeof import('vue')['defineComponent']
const defineStore: typeof import("pinia")["defineStore"] const defineStore: typeof import('pinia')['defineStore']
const eagerComputed: typeof import("@vueuse/core")["eagerComputed"] const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
const effectScope: typeof import("vue")["effectScope"] const effectScope: typeof import('vue')['effectScope']
const extendRef: typeof import("@vueuse/core")["extendRef"] const extendRef: typeof import('@vueuse/core')['extendRef']
const getActivePinia: typeof import("pinia")["getActivePinia"] const getActivePinia: typeof import('pinia')['getActivePinia']
const getCurrentInstance: typeof import("vue")["getCurrentInstance"] const getCurrentInstance: typeof import('vue')['getCurrentInstance']
const getCurrentScope: typeof import("vue")["getCurrentScope"] const getCurrentScope: typeof import('vue')['getCurrentScope']
const h: typeof import("vue")["h"] const h: typeof import('vue')['h']
const ignorableWatch: typeof import("@vueuse/core")["ignorableWatch"] const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
const inject: typeof import("vue")["inject"] const inject: typeof import('vue')['inject']
const isDefined: typeof import("@vueuse/core")["isDefined"] const isDefined: typeof import('@vueuse/core')['isDefined']
const isProxy: typeof import("vue")["isProxy"] const isProxy: typeof import('vue')['isProxy']
const isReactive: typeof import("vue")["isReactive"] const isReactive: typeof import('vue')['isReactive']
const isReadonly: typeof import("vue")["isReadonly"] const isReadonly: typeof import('vue')['isReadonly']
const isRef: typeof import("vue")["isRef"] const isRef: typeof import('vue')['isRef']
const makeDestructurable: typeof import("@vueuse/core")["makeDestructurable"] const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
const mapActions: typeof import("pinia")["mapActions"] const mapActions: typeof import('pinia')['mapActions']
const mapGetters: typeof import("pinia")["mapGetters"] const mapGetters: typeof import('pinia')['mapGetters']
const mapState: typeof import("pinia")["mapState"] const mapState: typeof import('pinia')['mapState']
const mapStores: typeof import("pinia")["mapStores"] const mapStores: typeof import('pinia')['mapStores']
const mapWritableState: typeof import("pinia")["mapWritableState"] const mapWritableState: typeof import('pinia')['mapWritableState']
const markRaw: typeof import("vue")["markRaw"] const markRaw: typeof import('vue')['markRaw']
const nextTick: typeof import("vue")["nextTick"] const nextTick: typeof import('vue')['nextTick']
const onActivated: typeof import("vue")["onActivated"] const onActivated: typeof import('vue')['onActivated']
const onBeforeMount: typeof import("vue")["onBeforeMount"] const onBeforeMount: typeof import('vue')['onBeforeMount']
const onBeforeRouteLeave: typeof import("vue-router")["onBeforeRouteLeave"] const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
const onBeforeRouteUpdate: typeof import("vue-router")["onBeforeRouteUpdate"] const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
const onBeforeUnmount: typeof import("vue")["onBeforeUnmount"] const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
const onBeforeUpdate: typeof import("vue")["onBeforeUpdate"] const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
const onClickOutside: typeof import("@vueuse/core")["onClickOutside"] const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
const onDeactivated: typeof import("vue")["onDeactivated"] const onDeactivated: typeof import('vue')['onDeactivated']
const onErrorCaptured: typeof import("vue")["onErrorCaptured"] const onErrorCaptured: typeof import('vue')['onErrorCaptured']
const onKeyStroke: typeof import("@vueuse/core")["onKeyStroke"] const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
const onLongPress: typeof import("@vueuse/core")["onLongPress"] const onLongPress: typeof import('@vueuse/core')['onLongPress']
const onMounted: typeof import("vue")["onMounted"] const onMounted: typeof import('vue')['onMounted']
const onRenderTracked: typeof import("vue")["onRenderTracked"] const onRenderTracked: typeof import('vue')['onRenderTracked']
const onRenderTriggered: typeof import("vue")["onRenderTriggered"] const onRenderTriggered: typeof import('vue')['onRenderTriggered']
const onScopeDispose: typeof import("vue")["onScopeDispose"] const onScopeDispose: typeof import('vue')['onScopeDispose']
const onServerPrefetch: typeof import("vue")["onServerPrefetch"] const onServerPrefetch: typeof import('vue')['onServerPrefetch']
const onStartTyping: typeof import("@vueuse/core")["onStartTyping"] const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
const onUnmounted: typeof import("vue")["onUnmounted"] const onUnmounted: typeof import('vue')['onUnmounted']
const onUpdated: typeof import("vue")["onUpdated"] const onUpdated: typeof import('vue')['onUpdated']
const pausableWatch: typeof import("@vueuse/core")["pausableWatch"] const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
const provide: typeof import("vue")["provide"] const provide: typeof import('vue')['provide']
const reactify: typeof import("@vueuse/core")["reactify"] const reactify: typeof import('@vueuse/core')['reactify']
const reactifyObject: typeof import("@vueuse/core")["reactifyObject"] const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
const reactive: typeof import("vue")["reactive"] const reactive: typeof import('vue')['reactive']
const reactiveComputed: typeof import("@vueuse/core")["reactiveComputed"] const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
const reactiveOmit: typeof import("@vueuse/core")["reactiveOmit"] const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
const reactivePick: typeof import("@vueuse/core")["reactivePick"] const reactivePick: typeof import('@vueuse/core')['reactivePick']
const readonly: typeof import("vue")["readonly"] const readonly: typeof import('vue')['readonly']
const ref: typeof import("vue")["ref"] const ref: typeof import('vue')['ref']
const refAutoReset: typeof import("@vueuse/core")["refAutoReset"] const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
const refDebounced: typeof import("@vueuse/core")["refDebounced"] const refDebounced: typeof import('@vueuse/core')['refDebounced']
const refDefault: typeof import("@vueuse/core")["refDefault"] const refDefault: typeof import('@vueuse/core')['refDefault']
const refThrottled: typeof import("@vueuse/core")["refThrottled"] const refThrottled: typeof import('@vueuse/core')['refThrottled']
const refWithControl: typeof import("@vueuse/core")["refWithControl"] const refWithControl: typeof import('@vueuse/core')['refWithControl']
const resolveComponent: typeof import("vue")["resolveComponent"] const resolveComponent: typeof import('vue')['resolveComponent']
const resolveRef: typeof import("@vueuse/core")["resolveRef"] const resolveRef: typeof import('@vueuse/core')['resolveRef']
const resolveUnref: typeof import("@vueuse/core")["resolveUnref"] const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
const setActivePinia: typeof import("pinia")["setActivePinia"] const setActivePinia: typeof import('pinia')['setActivePinia']
const setMapStoreSuffix: typeof import("pinia")["setMapStoreSuffix"] const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
const shallowReactive: typeof import("vue")["shallowReactive"] const shallowReactive: typeof import('vue')['shallowReactive']
const shallowReadonly: typeof import("vue")["shallowReadonly"] const shallowReadonly: typeof import('vue')['shallowReadonly']
const shallowRef: typeof import("vue")["shallowRef"] const shallowRef: typeof import('vue')['shallowRef']
const storeToRefs: typeof import("pinia")["storeToRefs"] const storeToRefs: typeof import('pinia')['storeToRefs']
const syncRef: typeof import("@vueuse/core")["syncRef"] const syncRef: typeof import('@vueuse/core')['syncRef']
const syncRefs: typeof import("@vueuse/core")["syncRefs"] const syncRefs: typeof import('@vueuse/core')['syncRefs']
const templateRef: typeof import("@vueuse/core")["templateRef"] const templateRef: typeof import('@vueuse/core')['templateRef']
const throttledRef: typeof import("@vueuse/core")["throttledRef"] const throttledRef: typeof import('@vueuse/core')['throttledRef']
const throttledWatch: typeof import("@vueuse/core")["throttledWatch"] const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
const toRaw: typeof import("vue")["toRaw"] const toRaw: typeof import('vue')['toRaw']
const toReactive: typeof import("@vueuse/core")["toReactive"] const toReactive: typeof import('@vueuse/core')['toReactive']
const toRef: typeof import("vue")["toRef"] const toRef: typeof import('vue')['toRef']
const toRefs: typeof import("vue")["toRefs"] const toRefs: typeof import('vue')['toRefs']
const triggerRef: typeof import("vue")["triggerRef"] const triggerRef: typeof import('vue')['triggerRef']
const tryOnBeforeMount: typeof import("@vueuse/core")["tryOnBeforeMount"] const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
const tryOnBeforeUnmount: typeof import("@vueuse/core")["tryOnBeforeUnmount"] const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
const tryOnMounted: typeof import("@vueuse/core")["tryOnMounted"] const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
const tryOnScopeDispose: typeof import("@vueuse/core")["tryOnScopeDispose"] const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
const tryOnUnmounted: typeof import("@vueuse/core")["tryOnUnmounted"] const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
const unref: typeof import("vue")["unref"] const unref: typeof import('vue')['unref']
const unrefElement: typeof import("@vueuse/core")["unrefElement"] const unrefElement: typeof import('@vueuse/core')['unrefElement']
const until: typeof import("@vueuse/core")["until"] const until: typeof import('@vueuse/core')['until']
const useActiveElement: typeof import("@vueuse/core")["useActiveElement"] const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
const useArrayEvery: typeof import("@vueuse/core")["useArrayEvery"] const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
const useArrayFilter: typeof import("@vueuse/core")["useArrayFilter"] const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
const useArrayFind: typeof import("@vueuse/core")["useArrayFind"] const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
const useArrayFindIndex: typeof import("@vueuse/core")["useArrayFindIndex"] const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
const useArrayFindLast: typeof import("@vueuse/core")["useArrayFindLast"] const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
const useArrayJoin: typeof import("@vueuse/core")["useArrayJoin"] const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
const useArrayMap: typeof import("@vueuse/core")["useArrayMap"] const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
const useArrayReduce: typeof import("@vueuse/core")["useArrayReduce"] const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
const useArraySome: typeof import("@vueuse/core")["useArraySome"] const useArraySome: typeof import('@vueuse/core')['useArraySome']
const useArrayUnique: typeof import("@vueuse/core")["useArrayUnique"] const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique']
const useAsyncQueue: typeof import("@vueuse/core")["useAsyncQueue"] const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
const useAsyncState: typeof import("@vueuse/core")["useAsyncState"] const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
const useAttrs: typeof import("vue")["useAttrs"] const useAttrs: typeof import('vue')['useAttrs']
const useBase64: typeof import("@vueuse/core")["useBase64"] const useBase64: typeof import('@vueuse/core')['useBase64']
const useBattery: typeof import("@vueuse/core")["useBattery"] const useBattery: typeof import('@vueuse/core')['useBattery']
const useBluetooth: typeof import("@vueuse/core")["useBluetooth"] const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
const useBreakpoints: typeof import("@vueuse/core")["useBreakpoints"] const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
const useBroadcastChannel: typeof import("@vueuse/core")["useBroadcastChannel"] const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
const useBrowserLocation: typeof import("@vueuse/core")["useBrowserLocation"] const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
const useCached: typeof import("@vueuse/core")["useCached"] const useCached: typeof import('@vueuse/core')['useCached']
const useClipboard: typeof import("@vueuse/core")["useClipboard"] const useClipboard: typeof import('@vueuse/core')['useClipboard']
const useCloned: typeof import("@vueuse/core")["useCloned"] const useCloned: typeof import('@vueuse/core')['useCloned']
const useColorMode: typeof import("@vueuse/core")["useColorMode"] const useColorMode: typeof import('@vueuse/core')['useColorMode']
const useConfirmDialog: typeof import("@vueuse/core")["useConfirmDialog"] const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
const useCounter: typeof import("@vueuse/core")["useCounter"] const useCounter: typeof import('@vueuse/core')['useCounter']
const useCssModule: typeof import("vue")["useCssModule"] const useCssModule: typeof import('vue')['useCssModule']
const useCssVar: typeof import("@vueuse/core")["useCssVar"] const useCssVar: typeof import('@vueuse/core')['useCssVar']
const useCssVars: typeof import("vue")["useCssVars"] const useCssVars: typeof import('vue')['useCssVars']
const useCurrentElement: typeof import("@vueuse/core")["useCurrentElement"] const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
const useCycleList: typeof import("@vueuse/core")["useCycleList"] const useCycleList: typeof import('@vueuse/core')['useCycleList']
const useDark: typeof import("@vueuse/core")["useDark"] const useDark: typeof import('@vueuse/core')['useDark']
const useDateFormat: typeof import("@vueuse/core")["useDateFormat"] const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
const useDebounce: typeof import("@vueuse/core")["useDebounce"] const useDebounce: typeof import('@vueuse/core')['useDebounce']
const useDebounceFn: typeof import("@vueuse/core")["useDebounceFn"] const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
const useDebouncedRefHistory: typeof import("@vueuse/core")["useDebouncedRefHistory"] const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
const useDeviceMotion: typeof import("@vueuse/core")["useDeviceMotion"] const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
const useDeviceOrientation: typeof import("@vueuse/core")["useDeviceOrientation"] const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
const useDevicePixelRatio: typeof import("@vueuse/core")["useDevicePixelRatio"] const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
const useDevicesList: typeof import("@vueuse/core")["useDevicesList"] const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
const useDialog: typeof import("naive-ui")["useDialog"] const useDialog: typeof import('naive-ui')['useDialog']
const useDisplayMedia: typeof import("@vueuse/core")["useDisplayMedia"] const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
const useDocumentVisibility: typeof import("@vueuse/core")["useDocumentVisibility"] const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
const useDraggable: typeof import("@vueuse/core")["useDraggable"] const useDraggable: typeof import('@vueuse/core')['useDraggable']
const useDropZone: typeof import("@vueuse/core")["useDropZone"] const useDropZone: typeof import('@vueuse/core')['useDropZone']
const useElementBounding: typeof import("@vueuse/core")["useElementBounding"] const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
const useElementByPoint: typeof import("@vueuse/core")["useElementByPoint"] const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
const useElementHover: typeof import("@vueuse/core")["useElementHover"] const useElementHover: typeof import('@vueuse/core')['useElementHover']
const useElementSize: typeof import("@vueuse/core")["useElementSize"] const useElementSize: typeof import('@vueuse/core')['useElementSize']
const useElementVisibility: typeof import("@vueuse/core")["useElementVisibility"] const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
const useEventBus: typeof import("@vueuse/core")["useEventBus"] const useEventBus: typeof import('@vueuse/core')['useEventBus']
const useEventListener: typeof import("@vueuse/core")["useEventListener"] const useEventListener: typeof import('@vueuse/core')['useEventListener']
const useEventSource: typeof import("@vueuse/core")["useEventSource"] const useEventSource: typeof import('@vueuse/core')['useEventSource']
const useEyeDropper: typeof import("@vueuse/core")["useEyeDropper"] const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
const useFavicon: typeof import("@vueuse/core")["useFavicon"] const useFavicon: typeof import('@vueuse/core')['useFavicon']
const useFetch: typeof import("@vueuse/core")["useFetch"] const useFetch: typeof import('@vueuse/core')['useFetch']
const useFileDialog: typeof import("@vueuse/core")["useFileDialog"] const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
const useFileSystemAccess: typeof import("@vueuse/core")["useFileSystemAccess"] const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
const useFocus: typeof import("@vueuse/core")["useFocus"] const useFocus: typeof import('@vueuse/core')['useFocus']
const useFocusWithin: typeof import("@vueuse/core")["useFocusWithin"] const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
const useFps: typeof import("@vueuse/core")["useFps"] const useFps: typeof import('@vueuse/core')['useFps']
const useFullscreen: typeof import("@vueuse/core")["useFullscreen"] const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
const useGamepad: typeof import("@vueuse/core")["useGamepad"] const useGamepad: typeof import('@vueuse/core')['useGamepad']
const useGeolocation: typeof import("@vueuse/core")["useGeolocation"] const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
const useIdle: typeof import("@vueuse/core")["useIdle"] const useIdle: typeof import('@vueuse/core')['useIdle']
const useImage: typeof import("@vueuse/core")["useImage"] const useImage: typeof import('@vueuse/core')['useImage']
const useInfiniteScroll: typeof import("@vueuse/core")["useInfiniteScroll"] const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
const useIntersectionObserver: typeof import("@vueuse/core")["useIntersectionObserver"] const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
const useInterval: typeof import("@vueuse/core")["useInterval"] const useInterval: typeof import('@vueuse/core')['useInterval']
const useIntervalFn: typeof import("@vueuse/core")["useIntervalFn"] const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
const useKeyModifier: typeof import("@vueuse/core")["useKeyModifier"] const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
const useLastChanged: typeof import("@vueuse/core")["useLastChanged"] const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
const useLink: typeof import("vue-router")["useLink"] const useLink: typeof import('vue-router')['useLink']
const useLoadingBar: typeof import("naive-ui")["useLoadingBar"] const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
const useLocalStorage: typeof import("@vueuse/core")["useLocalStorage"] const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
const useMagicKeys: typeof import("@vueuse/core")["useMagicKeys"] const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
const useManualRefHistory: typeof import("@vueuse/core")["useManualRefHistory"] const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
const useMediaControls: typeof import("@vueuse/core")["useMediaControls"] const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
const useMediaQuery: typeof import("@vueuse/core")["useMediaQuery"] const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
const useMemoize: typeof import("@vueuse/core")["useMemoize"] const useMemoize: typeof import('@vueuse/core')['useMemoize']
const useMemory: typeof import("@vueuse/core")["useMemory"] const useMemory: typeof import('@vueuse/core')['useMemory']
const useMessage: typeof import("naive-ui")["useMessage"] const useMessage: typeof import('naive-ui')['useMessage']
const useMounted: typeof import("@vueuse/core")["useMounted"] const useMounted: typeof import('@vueuse/core')['useMounted']
const useMouse: typeof import("@vueuse/core")["useMouse"] const useMouse: typeof import('@vueuse/core')['useMouse']
const useMouseInElement: typeof import("@vueuse/core")["useMouseInElement"] const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
const useMousePressed: typeof import("@vueuse/core")["useMousePressed"] const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
const useMutationObserver: typeof import("@vueuse/core")["useMutationObserver"] const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
const useNavigatorLanguage: typeof import("@vueuse/core")["useNavigatorLanguage"] const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
const useNetwork: typeof import("@vueuse/core")["useNetwork"] const useNetwork: typeof import('@vueuse/core')['useNetwork']
const useNotification: typeof import("naive-ui")["useNotification"] const useNotification: typeof import('naive-ui')['useNotification']
const useNow: typeof import("@vueuse/core")["useNow"] const useNow: typeof import('@vueuse/core')['useNow']
const useObjectUrl: typeof import("@vueuse/core")["useObjectUrl"] const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
const useOffsetPagination: typeof import("@vueuse/core")["useOffsetPagination"] const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
const useOnline: typeof import("@vueuse/core")["useOnline"] const useOnline: typeof import('@vueuse/core')['useOnline']
const usePageLeave: typeof import("@vueuse/core")["usePageLeave"] const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
const useParallax: typeof import("@vueuse/core")["useParallax"] const useParallax: typeof import('@vueuse/core')['useParallax']
const usePermission: typeof import("@vueuse/core")["usePermission"] const usePermission: typeof import('@vueuse/core')['usePermission']
const usePointer: typeof import("@vueuse/core")["usePointer"] const usePointer: typeof import('@vueuse/core')['usePointer']
const usePointerLock: typeof import("@vueuse/core")["usePointerLock"] const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
const usePointerSwipe: typeof import("@vueuse/core")["usePointerSwipe"] const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
const usePreferredColorScheme: typeof import("@vueuse/core")["usePreferredColorScheme"] const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
const usePreferredContrast: typeof import("@vueuse/core")["usePreferredContrast"] const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
const usePreferredDark: typeof import("@vueuse/core")["usePreferredDark"] const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
const usePreferredLanguages: typeof import("@vueuse/core")["usePreferredLanguages"] const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
const usePreferredReducedMotion: typeof import("@vueuse/core")["usePreferredReducedMotion"] const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
const usePrevious: typeof import("@vueuse/core")["usePrevious"] const usePrevious: typeof import('@vueuse/core')['usePrevious']
const useRafFn: typeof import("@vueuse/core")["useRafFn"] const useRafFn: typeof import('@vueuse/core')['useRafFn']
const useRefHistory: typeof import("@vueuse/core")["useRefHistory"] const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
const useResizeObserver: typeof import("@vueuse/core")["useResizeObserver"] const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
const useRoute: typeof import("vue-router")["useRoute"] const useRoute: typeof import('vue-router')['useRoute']
const useRouter: typeof import("vue-router")["useRouter"] const useRouter: typeof import('vue-router')['useRouter']
const useScreenOrientation: typeof import("@vueuse/core")["useScreenOrientation"] const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
const useScreenSafeArea: typeof import("@vueuse/core")["useScreenSafeArea"] const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
const useScriptTag: typeof import("@vueuse/core")["useScriptTag"] const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
const useScroll: typeof import("@vueuse/core")["useScroll"] const useScroll: typeof import('@vueuse/core')['useScroll']
const useScrollLock: typeof import("@vueuse/core")["useScrollLock"] const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
const useSessionStorage: typeof import("@vueuse/core")["useSessionStorage"] const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
const useShare: typeof import("@vueuse/core")["useShare"] const useShare: typeof import('@vueuse/core')['useShare']
const useSlots: typeof import("vue")["useSlots"] const useSlots: typeof import('vue')['useSlots']
const useSorted: typeof import("@vueuse/core")["useSorted"] const useSorted: typeof import('@vueuse/core')['useSorted']
const useSpeechRecognition: typeof import("@vueuse/core")["useSpeechRecognition"] const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
const useSpeechSynthesis: typeof import("@vueuse/core")["useSpeechSynthesis"] const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
const useStepper: typeof import("@vueuse/core")["useStepper"] const useStepper: typeof import('@vueuse/core')['useStepper']
const useStorage: typeof import("@vueuse/core")["useStorage"] const useStorage: typeof import('@vueuse/core')['useStorage']
const useStorageAsync: typeof import("@vueuse/core")["useStorageAsync"] const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
const useStyleTag: typeof import("@vueuse/core")["useStyleTag"] const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
const useSupported: typeof import("@vueuse/core")["useSupported"] const useSupported: typeof import('@vueuse/core')['useSupported']
const useSwipe: typeof import("@vueuse/core")["useSwipe"] const useSwipe: typeof import('@vueuse/core')['useSwipe']
const useTemplateRefsList: typeof import("@vueuse/core")["useTemplateRefsList"] const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
const useTextDirection: typeof import("@vueuse/core")["useTextDirection"] const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
const useTextSelection: typeof import("@vueuse/core")["useTextSelection"] const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
const useTextareaAutosize: typeof import("@vueuse/core")["useTextareaAutosize"] const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
const useThrottle: typeof import("@vueuse/core")["useThrottle"] const useThrottle: typeof import('@vueuse/core')['useThrottle']
const useThrottleFn: typeof import("@vueuse/core")["useThrottleFn"] const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
const useThrottledRefHistory: typeof import("@vueuse/core")["useThrottledRefHistory"] const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
const useTimeAgo: typeof import("@vueuse/core")["useTimeAgo"] const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
const useTimeout: typeof import("@vueuse/core")["useTimeout"] const useTimeout: typeof import('@vueuse/core')['useTimeout']
const useTimeoutFn: typeof import("@vueuse/core")["useTimeoutFn"] const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
const useTimeoutPoll: typeof import("@vueuse/core")["useTimeoutPoll"] const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
const useTimestamp: typeof import("@vueuse/core")["useTimestamp"] const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
const useTitle: typeof import("@vueuse/core")["useTitle"] const useTitle: typeof import('@vueuse/core')['useTitle']
const useToNumber: typeof import("@vueuse/core")["useToNumber"] const useToNumber: typeof import('@vueuse/core')['useToNumber']
const useToString: typeof import("@vueuse/core")["useToString"] const useToString: typeof import('@vueuse/core')['useToString']
const useToggle: typeof import("@vueuse/core")["useToggle"] const useToggle: typeof import('@vueuse/core')['useToggle']
const useTransition: typeof import("@vueuse/core")["useTransition"] const useTransition: typeof import('@vueuse/core')['useTransition']
const useUrlSearchParams: typeof import("@vueuse/core")["useUrlSearchParams"] const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
const useUserMedia: typeof import("@vueuse/core")["useUserMedia"] const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
const useVModel: typeof import("@vueuse/core")["useVModel"] const useVModel: typeof import('@vueuse/core')['useVModel']
const useVModels: typeof import("@vueuse/core")["useVModels"] const useVModels: typeof import('@vueuse/core')['useVModels']
const useVibrate: typeof import("@vueuse/core")["useVibrate"] const useVibrate: typeof import('@vueuse/core')['useVibrate']
const useVirtualList: typeof import("@vueuse/core")["useVirtualList"] const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
const useWakeLock: typeof import("@vueuse/core")["useWakeLock"] const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
const useWebNotification: typeof import("@vueuse/core")["useWebNotification"] const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
const useWebSocket: typeof import("@vueuse/core")["useWebSocket"] const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
const useWebWorker: typeof import("@vueuse/core")["useWebWorker"] const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
const useWebWorkerFn: typeof import("@vueuse/core")["useWebWorkerFn"] const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
const useWindowFocus: typeof import("@vueuse/core")["useWindowFocus"] const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
const useWindowScroll: typeof import("@vueuse/core")["useWindowScroll"] const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
const useWindowSize: typeof import("@vueuse/core")["useWindowSize"] const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
const watch: typeof import("vue")["watch"] const watch: typeof import('vue')['watch']
const watchArray: typeof import("@vueuse/core")["watchArray"] const watchArray: typeof import('@vueuse/core')['watchArray']
const watchAtMost: typeof import("@vueuse/core")["watchAtMost"] const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
const watchDebounced: typeof import("@vueuse/core")["watchDebounced"] const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
const watchEffect: typeof import("vue")["watchEffect"] const watchEffect: typeof import('vue')['watchEffect']
const watchIgnorable: typeof import("@vueuse/core")["watchIgnorable"] const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
const watchOnce: typeof import("@vueuse/core")["watchOnce"] const watchOnce: typeof import('@vueuse/core')['watchOnce']
const watchPausable: typeof import("@vueuse/core")["watchPausable"] const watchPausable: typeof import('@vueuse/core')['watchPausable']
const watchPostEffect: typeof import("vue")["watchPostEffect"] const watchPostEffect: typeof import('vue')['watchPostEffect']
const watchSyncEffect: typeof import("vue")["watchSyncEffect"] const watchSyncEffect: typeof import('vue')['watchSyncEffect']
const watchThrottled: typeof import("@vueuse/core")["watchThrottled"] const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
const watchTriggerable: typeof import("@vueuse/core")["watchTriggerable"] const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
const watchWithFilter: typeof import("@vueuse/core")["watchWithFilter"] const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
const whenever: typeof import("@vueuse/core")["whenever"] const whenever: typeof import('@vueuse/core')['whenever']
} }
// for type re-export // for type re-export
declare global { declare global {
// @ts-ignore // @ts-ignore
export type { export type { Component,ComponentPublicInstance,ComputedRef,InjectionKey,PropType,Ref,VNode } from 'vue'
Component,
ComponentPublicInstance,
ComputedRef,
InjectionKey,
PropType,
Ref,
VNode,
} from "vue"
} }

92
src/components.d.ts vendored
View File

@@ -7,53 +7,51 @@ import '@vue/runtime-core'
export {} export {}
declare module "@vue/runtime-core" { declare module '@vue/runtime-core' {
export interface GlobalComponents { export interface GlobalComponents {
IEpBell: typeof import("~icons/ep/bell")["default"] IEpBell: typeof import('~icons/ep/bell')['default']
IEpCaretRight: typeof import("~icons/ep/caret-right")["default"] IEpCaretRight: typeof import('~icons/ep/caret-right')['default']
IEpLoading: typeof import("~icons/ep/loading")["default"] IEpLoading: typeof import('~icons/ep/loading')['default']
IEpLock: typeof import("~icons/ep/lock")["default"] IEpLock: typeof import('~icons/ep/lock')['default']
IEpMenu: typeof import("~icons/ep/menu")["default"] IEpMenu: typeof import('~icons/ep/menu')['default']
IEpMoon: typeof import("~icons/ep/moon")["default"] IEpMoon: typeof import('~icons/ep/moon')['default']
IEpMoreFilled: typeof import("~icons/ep/more-filled")["default"] IEpMoreFilled: typeof import('~icons/ep/more-filled')['default']
IEpSunny: typeof import("~icons/ep/sunny")["default"] IEpSunny: typeof import('~icons/ep/sunny')['default']
NAlert: typeof import("naive-ui")["NAlert"] NAlert: typeof import('naive-ui')['NAlert']
NAvatar: typeof import("naive-ui")["NAvatar"] NAvatar: typeof import('naive-ui')['NAvatar']
NButton: typeof import("naive-ui")["NButton"] NButton: typeof import('naive-ui')['NButton']
NCard: typeof import("naive-ui")["NCard"] NCard: typeof import('naive-ui')['NCard']
NCode: typeof import("naive-ui")["NCode"] NCode: typeof import('naive-ui')['NCode']
NConfigProvider: typeof import("naive-ui")["NConfigProvider"] NConfigProvider: typeof import('naive-ui')['NConfigProvider']
NCountdown: typeof import("naive-ui")["NCountdown"] NDataTable: typeof import('naive-ui')['NDataTable']
NDataTable: typeof import("naive-ui")["NDataTable"] NDescriptions: typeof import('naive-ui')['NDescriptions']
NDescriptions: typeof import("naive-ui")["NDescriptions"] NDescriptionsItem: typeof import('naive-ui')['NDescriptionsItem']
NDescriptionsItem: typeof import("naive-ui")["NDescriptionsItem"] NDropdown: typeof import('naive-ui')['NDropdown']
NDropdown: typeof import("naive-ui")["NDropdown"] NEmpty: typeof import('naive-ui')['NEmpty']
NEmpty: typeof import("naive-ui")["NEmpty"] NForm: typeof import('naive-ui')['NForm']
NForm: typeof import("naive-ui")["NForm"] NFormItem: typeof import('naive-ui')['NFormItem']
NFormItem: typeof import("naive-ui")["NFormItem"] NGi: typeof import('naive-ui')['NGi']
NGi: typeof import("naive-ui")["NGi"] NGrid: typeof import('naive-ui')['NGrid']
NGrid: typeof import("naive-ui")["NGrid"] NIcon: typeof import('naive-ui')['NIcon']
NIcon: typeof import("naive-ui")["NIcon"] NInput: typeof import('naive-ui')['NInput']
NImage: typeof import("naive-ui")["NImage"] NLayout: typeof import('naive-ui')['NLayout']
NInput: typeof import("naive-ui")["NInput"] NLayoutContent: typeof import('naive-ui')['NLayoutContent']
NLayout: typeof import("naive-ui")["NLayout"] NLayoutHeader: typeof import('naive-ui')['NLayoutHeader']
NLayoutContent: typeof import("naive-ui")["NLayoutContent"] NMenu: typeof import('naive-ui')['NMenu']
NLayoutHeader: typeof import("naive-ui")["NLayoutHeader"] NMessageProvider: typeof import('naive-ui')['NMessageProvider']
NMenu: typeof import("naive-ui")["NMenu"] NModal: typeof import('naive-ui')['NModal']
NMessageProvider: typeof import("naive-ui")["NMessageProvider"] NPagination: typeof import('naive-ui')['NPagination']
NModal: typeof import("naive-ui")["NModal"] NPopover: typeof import('naive-ui')['NPopover']
NPagination: typeof import("naive-ui")["NPagination"] NScrollbar: typeof import('naive-ui')['NScrollbar']
NPopover: typeof import("naive-ui")["NPopover"] NSelect: typeof import('naive-ui')['NSelect']
NScrollbar: typeof import("naive-ui")["NScrollbar"] NSpace: typeof import('naive-ui')['NSpace']
NSelect: typeof import("naive-ui")["NSelect"] NSwitch: typeof import('naive-ui')['NSwitch']
NSpace: typeof import("naive-ui")["NSpace"] NTabPane: typeof import('naive-ui')['NTabPane']
NSwitch: typeof import("naive-ui")["NSwitch"] NTabs: typeof import('naive-ui')['NTabs']
NTabPane: typeof import("naive-ui")["NTabPane"] NTag: typeof import('naive-ui')['NTag']
NTabs: typeof import("naive-ui")["NTabs"] NTooltip: typeof import('naive-ui')['NTooltip']
NTag: typeof import("naive-ui")["NTag"] NUpload: typeof import('naive-ui')['NUpload']
NTooltip: typeof import("naive-ui")["NTooltip"] RouterLink: typeof import('vue-router')['RouterLink']
NUpload: typeof import("naive-ui")["NUpload"] RouterView: typeof import('vue-router')['RouterView']
RouterLink: typeof import("vue-router")["RouterLink"]
RouterView: typeof import("vue-router")["RouterView"]
} }
} }

View File

@@ -2,6 +2,7 @@
import { DropdownOption } from "naive-ui" import { DropdownOption } from "naive-ui"
import { useContestStore } from "oj/store/contest" import { useContestStore } from "oj/store/contest"
import { isDesktop } from "~/shared/composables/breakpoints" import { isDesktop } from "~/shared/composables/breakpoints"
import { ContestStatus } from "~/utils/constants"
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
@@ -10,7 +11,7 @@ const contestStore = useContestStore()
const contestMenuVisible = computed(() => { const contestMenuVisible = computed(() => {
if (contestStore.isContestAdmin) return true if (contestStore.isContestAdmin) return true
if (!contestStore.isPrivate) { if (!contestStore.isPrivate) {
// TODO:这里没有完成 return contestStore.contestStatus !== ContestStatus.not_started
} }
return contestStore.access return contestStore.access
}) })

View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { Contest } from "~/utils/types" import { Contest } from "utils/types"
import { ContestType } from "~/utils/constants" import { ContestType } from "utils/constants"
defineProps<{ contest: Contest }>() defineProps<{ contest: Contest }>()
</script> </script>
@@ -8,6 +8,7 @@ defineProps<{ contest: Contest }>()
<n-space> <n-space>
<span>{{ contest.title }}</span> <span>{{ contest.title }}</span>
<n-icon <n-icon
size="medium"
class="lockIcon" class="lockIcon"
v-if="contest.contest_type === ContestType.private" v-if="contest.contest_type === ContestType.private"
> >

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { CONTEST_STATUS } from "utils/constants" import { CONTEST_STATUS, ContestStatus } from "utils/constants"
import { isDesktop } from "~/shared/composables/breakpoints" import { isDesktop } from "~/shared/composables/breakpoints"
import { useContestStore } from "../store/contest" import { useContestStore } from "../store/contest"
import ContestInfo from "./components/ContestInfo.vue" import ContestInfo from "./components/ContestInfo.vue"
@@ -12,7 +12,13 @@ const contestStore = useContestStore()
const password = ref("") const password = ref("")
onMounted(() => contestStore.init(props.contestID)) onMounted(() => {
contestStore.init(props.contestID)
})
onBeforeUnmount(() => {
contestStore.clear()
})
const passwordFormVisible = computed( const passwordFormVisible = computed(
() => () =>
@@ -26,15 +32,15 @@ const passwordFormVisible = computed(
<div v-if="contestStore.contest"> <div v-if="contestStore.contest">
<n-space class="title" align="center" justify="space-between"> <n-space class="title" align="center" justify="space-between">
<n-space align="center"> <n-space align="center">
<n-tag :type="CONTEST_STATUS[contestStore.contest.status]['type']">
{{ CONTEST_STATUS[contestStore.contest.status]["name"] }}
</n-tag>
<h2 class="contestTitle">{{ contestStore.contest.title }}</h2> <h2 class="contestTitle">{{ contestStore.contest.title }}</h2>
<n-icon v-if="contestStore.isPrivate" class="lockIcon"> <n-icon size="large" v-if="contestStore.isPrivate" class="lockIcon">
<i-ep-lock /> <i-ep-lock />
</n-icon> </n-icon>
<n-tag :type="CONTEST_STATUS[contestStore.contestStatus]['type']">
{{ contestStore.countdown }}
</n-tag>
</n-space> </n-space>
<n-space> <n-space align="center">
<ContestInfo /> <ContestInfo />
<ContestMenu /> <ContestMenu />
</n-space> </n-space>

View File

@@ -35,11 +35,9 @@ function rowProps(row: ProblemFiltered) {
<n-data-table <n-data-table
striped striped
size="small" size="small"
class="problems"
:data="contestStore.problems" :data="contestStore.problems"
:columns="problemsColumns" :columns="problemsColumns"
:row-props="rowProps" :row-props="rowProps"
v-if="contestStore.problems?.length"
/> />
</template> </template>

View File

@@ -1,5 +1,7 @@
import { formatISO, getTime, intervalToDuration, parseISO } from "date-fns"
import { useUserStore } from "~/shared/store/user" import { useUserStore } from "~/shared/store/user"
import { ContestType } from "~/utils/constants" import { ContestStatus, ContestType } from "~/utils/constants"
import { duration } from "~/utils/functions"
import { Contest, Problem } from "~/utils/types" import { Contest, Problem } from "~/utils/types"
import { import {
getContest, getContest,
@@ -11,27 +13,58 @@ import {
export const useContestStore = defineStore("contest", () => { export const useContestStore = defineStore("contest", () => {
const userStore = useUserStore() const userStore = useUserStore()
const message = useMessage() const message = useMessage()
const [access, toggleAccess] = useToggle() const [access, toggleAccess] = useToggle(false)
const contest = ref<Contest>() const contest = ref<Contest | null>(null)
const problems = ref<Problem[]>([]) const problems = ref<Problem[]>([])
const now = ref(0)
const contestStatus = computed(() => { let timer = 0
return false
const contestStatus = computed<ContestStatus>(() => {
const start = getTime(parseISO(contest.value!.start_time.toString()))
const end = getTime(parseISO(contest.value!.end_time.toString()))
if (start > now.value) {
return ContestStatus.not_started
} else if (end < now.value) {
return ContestStatus.finished
} else {
return ContestStatus.underway
}
})
const countdown = computed(() => {
if (contestStatus.value === ContestStatus.finished) {
return "已结束"
} else if (contestStatus.value === ContestStatus.not_started) {
const d = duration(formatISO(now.value), contest.value!.start_time, true)
return "距离比赛开始 " + d
} else {
const d = duration(formatISO(now.value), contest.value!.end_time, true)
return "距离比赛结束 " + d
}
}) })
const isContestAdmin = computed( const isContestAdmin = computed(
() => () =>
userStore.isSuperAdmin || userStore.isSuperAdmin ||
(userStore.isAuthed && contest.value?.created_by.id === userStore.user.id) (userStore.isAuthed &&
contest.value?.created_by.id === userStore.user!.id)
) )
const isPrivate = computed( const isPrivate = computed(
() => contest.value?.contest_type === ContestType.private () => contest.value!.contest_type === ContestType.private
) )
async function init(contestID: string) { async function init(contestID: string) {
problems.value = []
const res = await getContest(contestID) const res = await getContest(contestID)
contest.value = res.data contest.value = res.data
now.value = getTime(parseISO(res.data.now))
if (contestStatus.value !== ContestStatus.finished) {
timer = setInterval(() => {
now.value = now.value + 1000
}, 1000)
}
if (contest.value?.contest_type === ContestType.private) { if (contest.value?.contest_type === ContestType.private) {
const res = await getContestAccess(contestID) const res = await getContestAccess(contestID)
toggleAccess(res.data.access) toggleAccess(res.data.access)
@@ -39,6 +72,14 @@ export const useContestStore = defineStore("contest", () => {
_getProblems(contestID) _getProblems(contestID)
} }
function clear() {
contest.value = null
problems.value = []
toggleAccess(false)
now.value = 0
if (timer) clearInterval(timer)
}
async function checkPassword(contestID: string, password: string) { async function checkPassword(contestID: string, password: string) {
try { try {
const res = await checkContestPassword(contestID, password) const res = await checkContestPassword(contestID, password)
@@ -53,7 +94,6 @@ export const useContestStore = defineStore("contest", () => {
} }
async function _getProblems(contestID: string) { async function _getProblems(contestID: string) {
problems.value = []
try { try {
problems.value = await getContestProblems(contestID) problems.value = await getContestProblems(contestID)
} catch (err) { } catch (err) {
@@ -69,7 +109,9 @@ export const useContestStore = defineStore("contest", () => {
access, access,
problems, problems,
isPrivate, isPrivate,
countdown,
init, init,
clear,
checkPassword, checkPassword,
} }
}) })

View File

@@ -98,7 +98,7 @@ function run() {
:options="options" :options="options"
trigger="click" trigger="click"
> >
<n-button>{{ userStore.user.username }}</n-button> <n-button>{{ userStore.user!.username }}</n-button>
</n-dropdown> </n-dropdown>
<n-space v-else> <n-space v-else>
<n-button @click="toggleLogin(true)">登录</n-button> <n-button @click="toggleLogin(true)">登录</n-button>
@@ -118,7 +118,7 @@ function run() {
运行 运行
</n-button> </n-button>
<n-dropdown v-if="userStore.isAuthed" :options="options" trigger="click"> <n-dropdown v-if="userStore.isAuthed" :options="options" trigger="click">
<n-button>{{ userStore.user.username }}</n-button> <n-button>{{ userStore.user!.username }}</n-button>
</n-dropdown> </n-dropdown>
<n-space v-else> <n-space v-else>
<n-button @click="toggleLogin(true)">登录</n-button> <n-button @click="toggleLogin(true)">登录</n-button>

View File

@@ -1,4 +1,4 @@
import { intervalToDuration } from "date-fns" import { getTime, intervalToDuration, parseISO } from "date-fns"
import { STORAGE_KEY } from "./constants" import { STORAGE_KEY } from "./constants"
export function getACRate(acCount: number, totalCount: number) { export function getACRate(acCount: number, totalCount: number) {
@@ -36,15 +36,19 @@ export function getTagColor(
}[tag] }[tag]
} }
export function parseTime(utc: Date, format = "YYYY年M月D日") { export function parseTime(utc: Date | string, format = "YYYY年M月D日") {
const time = useDateFormat(utc, format, { locales: "zh-CN" }) const time = useDateFormat(utc, format, { locales: "zh-CN" })
return time.value return time.value
} }
export function duration(start: Date, end: Date): string { export function duration(
start: Date | string,
end: Date | string,
showSeconds = false
): string {
const duration = intervalToDuration({ const duration = intervalToDuration({
start: Date.parse(start.toString()), start: getTime(parseISO(start.toString())),
end: Date.parse(end.toString()), end: getTime(parseISO(end.toString())),
}) })
let result = "" let result = ""
if (duration.years) { if (duration.years) {
@@ -62,6 +66,9 @@ export function duration(start: Date, end: Date): string {
if (duration.minutes) { if (duration.minutes) {
result += duration.minutes + "分钟" result += duration.minutes + "分钟"
} }
if (showSeconds) {
result += duration.seconds + "秒"
}
return result return result
} }

View File

@@ -220,10 +220,11 @@ export interface Contest {
description: string description: string
real_time_rank: boolean real_time_rank: boolean
rule_type: "ACM" rule_type: "ACM"
start_time: Date start_time: string
end_time: Date end_time: string
create_time: Date create_time: string
last_update_time: Date now: string
last_update_time: string
} }
interface SubmissionInfo { interface SubmissionInfo {