add rank.

This commit is contained in:
2023-02-10 10:19:43 +08:00
parent 5f39ec4fd2
commit c80352b245
22 changed files with 1197 additions and 1170 deletions

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

@@ -1,284 +1,284 @@
// 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 resolveDirective: typeof import('vue')['resolveDirective'] const resolveDirective: typeof import("vue")["resolveDirective"]
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 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 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"]
} }

2
src/components.d.ts vendored
View File

@@ -20,7 +20,7 @@ declare module '@vue/runtime-core' {
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'] 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']

View File

@@ -1,111 +1,111 @@
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123
# 11 # 11
## 1 ## 1
哈哈 哈哈
```c {3-4} ```c {3-4}
#include<stdio.h> #include<stdio.h>
int main() { int main() {
return 0; return 0;
} }
``` ```
123 123

View File

@@ -1 +1 @@
asas asas

View File

@@ -1,6 +1,6 @@
import { Code } from "~/utils/types" import { Code } from "~/utils/types"
export const code = reactive<Code>({ export const code = reactive<Code>({
value: "", value: "",
language: "C", language: "C",
}) })

View File

@@ -1,12 +1,25 @@
<script setup lang="ts"> <script setup lang="ts">
import { ContestRank } from "~/utils/types" import { ContestRank, ProblemFiltered } from "~/utils/types"
defineProps<{ rank: ContestRank }>() interface Props {
rank: ContestRank
}
const props = defineProps<Props>()
const router = useRouter()
function goto() {
router.push({
name: "contest submissions",
query: { username: props.rank.user.username },
})
}
</script> </script>
<template> <template>
{{ rank.accepted_number }} / {{ rank.accepted_number }} /
<n-button text type="primary">{{ rank.submission_number }}</n-button> <n-button text type="primary" @click="goto">
{{ rank.submission_number }}
</n-button>
</template> </template>
<style scoped></style> <style scoped></style>

View File

@@ -1,22 +1,22 @@
<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>
<template> <template>
<n-space> <n-space>
<span>{{ contest.title }}</span> <span>{{ contest.title }}</span>
<n-icon <n-icon
class="lockIcon" class="lockIcon"
v-if="contest.contest_type === ContestType.private" v-if="contest.contest_type === ContestType.private"
> >
<i-ep-lock /> <i-ep-lock />
</n-icon> </n-icon>
</n-space> </n-space>
</template> </template>
<style scoped> <style scoped>
.lockIcon { .lockIcon {
transform: translateY(2px); transform: translateY(2px);
} }
</style> </style>

View File

@@ -1,20 +1,20 @@
<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"
interface Props { interface Props {
contest: Contest contest: Contest
} }
const props = defineProps<Props>() const props = defineProps<Props>()
const isPrivate = computed( const isPrivate = computed(
() => props.contest.contest_type === ContestType.private () => props.contest.contest_type === ContestType.private
) )
</script> </script>
<template> <template>
<n-tag :type="isPrivate ? 'error' : 'default'"> <n-tag :type="isPrivate ? 'error' : 'default'">
{{ isPrivate ? "需要密码" : "公开" }} {{ isPrivate ? "需要密码" : "公开" }}
</n-tag> </n-tag>
</template> </template>

View File

@@ -1,6 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { CONTEST_STATUS, ContestType } from "utils/constants" import { CONTEST_STATUS, ContestType } from "utils/constants"
import { isDesktop, isMobile } from "~/shared/composables/breakpoints" import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
import { useContestStore } from "../store/contest" import { useContestStore } from "../store/contest"
import { DropdownOption } from "naive-ui" import { DropdownOption } from "naive-ui"

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"></script> <script setup lang="ts"></script>
<template></template> <template></template>
<style scoped></style> <style scoped></style>

View File

@@ -1,46 +1,46 @@
<script setup lang="ts"> <script setup lang="ts">
import { DataTableColumn } from "naive-ui" import { DataTableColumn } from "naive-ui"
import { ProblemFiltered } from "utils/types" import { ProblemFiltered } from "utils/types"
import ProblemStatus from "~/oj/problem/components/ProblemStatus.vue" import ProblemStatus from "~/oj/problem/components/ProblemStatus.vue"
import { useContestStore } from "~/oj/store/contest" import { useContestStore } from "~/oj/store/contest"
const props = defineProps<{ contestID: string }>() const props = defineProps<{ contestID: string }>()
const router = useRouter() const router = useRouter()
const contestStore = useContestStore() const contestStore = useContestStore()
const problemsColumns: DataTableColumn<ProblemFiltered>[] = [ const problemsColumns: DataTableColumn<ProblemFiltered>[] = [
{ {
title: "状态", title: "状态",
key: "status", key: "status",
width: 60, width: 60,
render: (row) => h(ProblemStatus, { status: row.status }), render: (row) => h(ProblemStatus, { status: row.status }),
}, },
{ title: "编号", key: "_id", width: 60 }, { title: "编号", key: "_id", width: 60 },
{ title: "题目", key: "title", minWidth: 200 }, { title: "题目", key: "title", minWidth: 200 },
{ title: "总提交数", key: "submission", width: 100 }, { title: "总提交数", key: "submission", width: 100 },
{ title: "通过率", key: "rate", width: 100 }, { title: "通过率", key: "rate", width: 100 },
] ]
function rowProps(row: ProblemFiltered) { function rowProps(row: ProblemFiltered) {
return { return {
style: "cursor: pointer", style: "cursor: pointer",
onClick() { onClick() {
router.push(`/contest/${props.contestID}/problem/${row._id}`) router.push(`/contest/${props.contestID}/problem/${row._id}`)
}, },
} }
} }
</script> </script>
<template> <template>
<n-data-table <n-data-table
striped striped
size="small" size="small"
class="problems" class="problems"
:data="contestStore.problems" :data="contestStore.problems"
:columns="problemsColumns" :columns="problemsColumns"
:row-props="rowProps" :row-props="rowProps"
v-if="contestStore.problems?.length" v-if="contestStore.problems?.length"
/> />
</template> </template>
<style scoped></style> <style scoped></style>

View File

@@ -1,171 +1,171 @@
<script setup lang="ts"> <script setup lang="ts">
import { DataTableColumn, NButton } from "naive-ui" import { DataTableColumn, NButton } from "naive-ui"
import Pagination from "~/shared/Pagination.vue" import Pagination from "~/shared/Pagination.vue"
import AcAndSubmission from "../components/AcAndSubmission.vue" import AcAndSubmission from "../components/AcAndSubmission.vue"
import { getContestProblems, getContestRank } from "oj/api" import { getContestProblems, getContestRank } from "oj/api"
import { ContestRank, ProblemFiltered } from "~/utils/types" import { ContestRank, ProblemFiltered } from "~/utils/types"
import { secondsToDuration } from "utils/functions" import { secondsToDuration } from "utils/functions"
interface Props { interface Props {
contestID: string contestID: string
} }
const props = defineProps<Props>() const props = defineProps<Props>()
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
const total = ref(0) const total = ref(0)
const data = ref<ContestRank[]>([]) const data = ref<ContestRank[]>([])
const chart = ref<ContestRank[]>([]) const chart = ref<ContestRank[]>([])
const problems = ref<ProblemFiltered[]>([]) const problems = ref<ProblemFiltered[]>([])
const query = reactive({ const query = reactive({
limit: 50, limit: 50,
page: 1, page: 1,
}) })
const columns = ref<DataTableColumn<ContestRank>[]>([ const columns = ref<DataTableColumn<ContestRank>[]>([
{ {
title: "排名", title: "排名",
key: "id", key: "id",
width: 60, width: 60,
fixed: "left", fixed: "left",
align: "center", align: "center",
render: (_, index) => index + (query.page - 1) * query.limit + 1, render: (_, index) => index + (query.page - 1) * query.limit + 1,
}, },
{ {
title: "用户", title: "用户",
key: "username", key: "username",
width: 120, width: 120,
fixed: "left", fixed: "left",
align: "center", align: "center",
render: (row) => render: (row) =>
h(NButton, { text: true, type: "info" }, () => row.user.username), h(NButton, { text: true, type: "info" }, () => row.user.username),
}, },
{ {
title: "正确数/总提交", title: "正确数/总提交",
key: "submission", key: "submission",
width: 120, width: 120,
align: "center", align: "center",
render: (row) => h(AcAndSubmission, { rank: row }), render: (row) => h(AcAndSubmission, { rank: row }),
}, },
{ {
title: "总时间", title: "总时间",
key: "total_time", key: "total_time",
width: 120, width: 120,
align: "center", align: "center",
render: (row) => secondsToDuration(row.total_time), render: (row) => secondsToDuration(row.total_time),
}, },
]) ])
async function listRanks() { async function listRanks() {
const res = await getContestRank(props.contestID, { const res = await getContestRank(props.contestID, {
limit: query.limit, limit: query.limit,
offset: query.limit * (query.page - 1), offset: query.limit * (query.page - 1),
}) })
total.value = res.data.total total.value = res.data.total
data.value = res.data.results data.value = res.data.results
if (query.page === 1) { if (query.page === 1) {
chart.value = data.value chart.value = data.value
} }
} }
async function addColumns() { async function addColumns() {
try { try {
problems.value = await getContestProblems(props.contestID) problems.value = await getContestProblems(props.contestID)
problems.value.map((problem, index) => { problems.value.map((problem, index) => {
columns.value.push({ columns.value.push({
align: "center", align: "center",
title: () => title: () =>
h( h(
NButton, NButton,
{ {
text: true, text: true,
type: "primary", type: "primary",
onClick: () => onClick: () =>
router.push({ router.push({
name: "contest problem", name: "contest problem",
params: { params: {
contestID: route.params.contestID, contestID: route.params.contestID,
problemID: problem._id, problemID: problem._id,
}, },
}), }),
}, },
() => `${index + 1}` () => `${index + 1}`
), ),
render: (row) => { render: (row) => {
if (row.submission_info[problem.id]) { if (row.submission_info[problem.id]) {
const status = row.submission_info[problem.id] const status = row.submission_info[problem.id]
let acTime let acTime
let errorNumber let errorNumber
if (status.is_ac) { if (status.is_ac) {
acTime = h("span", secondsToDuration(status.ac_time)) acTime = h("span", secondsToDuration(status.ac_time))
} }
if (status.error_number) { if (status.error_number) {
errorNumber = h( errorNumber = h(
"p", "p",
{ style: "margin: 0" }, { style: "margin: 0" },
`(-${status.error_number})` `(-${status.error_number})`
) )
} }
return h("div", [acTime, errorNumber]) return h("div", [acTime, errorNumber])
} }
}, },
cellProps: (row) => { cellProps: (row) => {
let backgroundColor = "" let backgroundColor = ""
let color = "" let color = ""
if (row.submission_info[problem.id]) { if (row.submission_info[problem.id]) {
const status = row.submission_info[problem.id] const status = row.submission_info[problem.id]
if (status.is_first_ac) { if (status.is_first_ac) {
backgroundColor = "#3c9" backgroundColor = "#3c9"
color = "#3c763d" color = "#3c763d"
} else if (status.is_ac) { } else if (status.is_ac) {
backgroundColor = "#dff0d8" backgroundColor = "#dff0d8"
} else { } else {
backgroundColor = "#f2dede" backgroundColor = "#f2dede"
color = "#a94442" color = "#a94442"
} }
} }
return { style: { backgroundColor, color } } return { style: { backgroundColor, color } }
}, },
key: problem.id, key: problem.id,
width: 150, width: 150,
}) })
}) })
} catch (err) { } catch (err) {
problems.value = [] problems.value = []
} }
} }
watch(() => query.page, listRanks) watch(() => query.page, listRanks)
watch( watch(
() => query.limit, () => query.limit,
() => { () => {
query.page = 1 query.page = 1
listRanks() listRanks()
} }
) )
onMounted(() => { onMounted(() => {
listRanks() listRanks()
addColumns() addColumns()
}) })
</script> </script>
<template> <template>
<n-data-table <n-data-table
striped striped
:single-line="false" :single-line="false"
:scroll-x="1200" :scroll-x="1200"
size="small" size="small"
:columns="columns" :columns="columns"
:data="data" :data="data"
/> />
<Pagination <Pagination
:total="total" :total="total"
v-model:page="query.page" v-model:page="query.page"
v-model:limit="query.limit" v-model:limit="query.limit"
/> />
</template> </template>
<style scoped></style> <style scoped></style>

View File

@@ -1,28 +1,28 @@
<script setup lang="ts"> <script setup lang="ts">
import { Select, SemiSelect } from "@element-plus/icons-vue" import { Select, SemiSelect } from "@element-plus/icons-vue"
import { useThemeVars } from "naive-ui" import { useThemeVars } from "naive-ui"
const theme = useThemeVars() const theme = useThemeVars()
const props = defineProps<{ const props = defineProps<{
status: "not_test" | "passed" | "failed" status: "not_test" | "passed" | "failed"
}>() }>()
const showIcon = computed(() => props.status !== "not_test") const showIcon = computed(() => props.status !== "not_test")
const color = computed(() => { const color = computed(() => {
if (props.status === "passed") return theme.value.successColor if (props.status === "passed") return theme.value.successColor
if (props.status === "failed") return theme.value.errorColor if (props.status === "failed") return theme.value.errorColor
}) })
const Icon = computed(() => { const Icon = computed(() => {
if (props.status === "passed") return Select if (props.status === "passed") return Select
if (props.status === "failed") return SemiSelect if (props.status === "failed") return SemiSelect
}) })
</script> </script>
<template> <template>
<n-icon v-if="showIcon" :color="color"> <n-icon v-if="showIcon" :color="color">
<component :is="Icon"></component> <component :is="Icon"></component>
</n-icon> </n-icon>
</template> </template>
<style scoped></style> <style scoped></style>

View File

@@ -1,233 +1,233 @@
<script setup lang="ts"> <script setup lang="ts">
import { code } from "oj/composables/code" import { code } from "oj/composables/code"
import party from "party-js" import party from "party-js"
import { Ref } from "vue" import { Ref } from "vue"
import { SOURCES, JUDGE_STATUS, SubmissionStatus } from "utils/constants" import { SOURCES, JUDGE_STATUS, SubmissionStatus } from "utils/constants"
import { submissionMemoryFormat, submissionTimeFormat } from "utils/functions" import { submissionMemoryFormat, submissionTimeFormat } from "utils/functions"
import { Problem, Submission, SubmitCodePayload } from "utils/types" import { Problem, Submission, SubmitCodePayload } from "utils/types"
import { getSubmission, submitCode } from "oj/api" import { getSubmission, submitCode } from "oj/api"
import SubmissionResultTag from "~/shared/SubmissionResultTag.vue" import SubmissionResultTag from "~/shared/SubmissionResultTag.vue"
import type { DataTableColumn } from "naive-ui" import type { DataTableColumn } from "naive-ui"
const problem = inject<Ref<Problem>>("problem") const problem = inject<Ref<Problem>>("problem")
const route = useRoute() const route = useRoute()
const contestID = <string>route.params.contestID ?? "" const contestID = <string>route.params.contestID ?? ""
const submissionId = ref("") const submissionId = ref("")
const submission = ref<Submission>() const submission = ref<Submission>()
const [submitted] = useToggle() const [submitted] = useToggle()
const { start: submitPending, isPending } = useTimeout(5000, { const { start: submitPending, isPending } = useTimeout(5000, {
controls: true, controls: true,
immediate: false, immediate: false,
}) })
const { start: fetchSubmission } = useTimeoutFn( const { start: fetchSubmission } = useTimeoutFn(
async () => { async () => {
const res = await getSubmission(submissionId.value) const res = await getSubmission(submissionId.value)
submission.value = res.data submission.value = res.data
const result = submission.value.result const result = submission.value.result
if ( if (
result === SubmissionStatus.judging || result === SubmissionStatus.judging ||
result === SubmissionStatus.pending result === SubmissionStatus.pending
) { ) {
fetchSubmission() fetchSubmission()
} else { } else {
submitted.value = false submitted.value = false
} }
}, },
2000, 2000,
{ immediate: false } { immediate: false }
) )
const judging = computed( const judging = computed(
() => () =>
!!(submission.value && submission.value.result === SubmissionStatus.judging) !!(submission.value && submission.value.result === SubmissionStatus.judging)
) )
const pending = computed( const pending = computed(
() => () =>
!!(submission.value && submission.value.result === SubmissionStatus.pending) !!(submission.value && submission.value.result === SubmissionStatus.pending)
) )
const submitting = computed( const submitting = computed(
() => () =>
!!( !!(
submission.value && submission.value &&
submission.value.result === SubmissionStatus.submitting submission.value.result === SubmissionStatus.submitting
) )
) )
const submitDisabled = computed(() => { const submitDisabled = computed(() => {
const value = code.value const value = code.value
if ( if (
value.trim() === "" || value.trim() === "" ||
value === problem!.value.template[code.language] || value === problem!.value.template[code.language] ||
value === SOURCES[code.language] value === SOURCES[code.language]
) { ) {
return true return true
} }
if (judging.value || pending.value || submitting.value) { if (judging.value || pending.value || submitting.value) {
return true return true
} }
if (submitted.value) { if (submitted.value) {
return true return true
} }
if (isPending.value) { if (isPending.value) {
return true return true
} }
return false return false
}) })
const submitLabel = computed(() => { const submitLabel = computed(() => {
if (submitting.value) { if (submitting.value) {
return "正在提交" return "正在提交"
} }
if (judging.value || pending.value) { if (judging.value || pending.value) {
return "正在评分" return "正在评分"
} }
if (isPending.value) { if (isPending.value) {
return "运行结果" return "运行结果"
} }
return "点击提交" return "点击提交"
}) })
const msg = computed(() => { const msg = computed(() => {
let msg = "" let msg = ""
const result = submission.value && submission.value.result const result = submission.value && submission.value.result
if ( if (
result === SubmissionStatus.compile_error || result === SubmissionStatus.compile_error ||
result === SubmissionStatus.runtime_error result === SubmissionStatus.runtime_error
) { ) {
msg += "请仔细检查,看看代码的格式是不是写错了!\n\n" msg += "请仔细检查,看看代码的格式是不是写错了!\n\n"
} }
if ( if (
submission.value && submission.value &&
submission.value.statistic_info && submission.value.statistic_info &&
submission.value.statistic_info.err_info submission.value.statistic_info.err_info
) { ) {
msg += submission.value.statistic_info.err_info msg += submission.value.statistic_info.err_info
} }
return msg return msg
}) })
const infoTable = computed(() => { const infoTable = computed(() => {
if ( if (
submission.value && submission.value &&
submission.value.result !== SubmissionStatus.accepted && submission.value.result !== SubmissionStatus.accepted &&
submission.value.result !== SubmissionStatus.compile_error && submission.value.result !== SubmissionStatus.compile_error &&
submission.value.result !== SubmissionStatus.runtime_error && submission.value.result !== SubmissionStatus.runtime_error &&
submission.value.info && submission.value.info &&
submission.value.info.data && submission.value.info.data &&
submission.value.info.data.length submission.value.info.data.length
) { ) {
const data = submission.value.info.data const data = submission.value.info.data
if (data.some((item) => item.result === 0)) { if (data.some((item) => item.result === 0)) {
return submission.value.info.data return submission.value.info.data
} else { } else {
return [] return []
} }
} else { } else {
return [] return []
} }
}) })
const columns: DataTableColumn<Submission["info"]["data"][number]>[] = [ const columns: DataTableColumn<Submission["info"]["data"][number]>[] = [
{ title: "测试用例", key: "test_case" }, { title: "测试用例", key: "test_case" },
{ {
title: "测试状态", title: "测试状态",
key: "result", key: "result",
render: (row) => h(SubmissionResultTag, { result: row.result }), render: (row) => h(SubmissionResultTag, { result: row.result }),
}, },
{ {
title: "占用内存", title: "占用内存",
key: "memory", key: "memory",
render: (row) => submissionMemoryFormat(row.memory), render: (row) => submissionMemoryFormat(row.memory),
}, },
{ {
title: "执行耗时", title: "执行耗时",
key: "real_time", key: "real_time",
render: (row) => submissionTimeFormat(row.real_time), render: (row) => submissionTimeFormat(row.real_time),
}, },
{ title: "信号", key: "signal" }, { title: "信号", key: "signal" },
] ]
async function submit() { async function submit() {
const data: SubmitCodePayload = { const data: SubmitCodePayload = {
problem_id: problem!.value.id, problem_id: problem!.value.id,
language: code.language, language: code.language,
code: code.value, code: code.value,
} }
if (contestID) { if (contestID) {
data.contest_id = parseInt(contestID) data.contest_id = parseInt(contestID)
} }
submission.value = { result: 9 } as Submission submission.value = { result: 9 } as Submission
const res = await submitCode(data) const res = await submitCode(data)
submissionId.value = res.data.submission_id submissionId.value = res.data.submission_id
// 防止重复提交 // 防止重复提交
submitPending() submitPending()
submitted.value = true submitted.value = true
// 查询结果 // 查询结果
fetchSubmission() fetchSubmission()
} }
watch( watch(
() => submission?.value?.result, () => submission?.value?.result,
(result) => { (result) => {
if (result === SubmissionStatus.accepted) { if (result === SubmissionStatus.accepted) {
party.confetti(document.body, { party.confetti(document.body, {
count: party.variation.range(200, 400), count: party.variation.range(200, 400),
size: party.variation.skew(2, 0.3), size: party.variation.skew(2, 0.3),
}) })
} }
} }
) )
</script> </script>
<template> <template>
<n-popover <n-popover
trigger="click" trigger="click"
placement="bottom-end" placement="bottom-end"
scrollable scrollable
:show-arrow="false" :show-arrow="false"
style="max-height: 600px" style="max-height: 600px"
> >
<template #trigger> <template #trigger>
<n-button type="primary" :disabled="submitDisabled" @click="submit"> <n-button type="primary" :disabled="submitDisabled" @click="submit">
<template #icon> <template #icon>
<n-icon> <n-icon>
<i-ep-loading v-if="judging || pending || submitting" /> <i-ep-loading v-if="judging || pending || submitting" />
<i-ep-bell v-else-if="isPending" /> <i-ep-bell v-else-if="isPending" />
<i-ep-caret-right v-else /> <i-ep-caret-right v-else />
</n-icon> </n-icon>
</template> </template>
{{ submitLabel }} {{ submitLabel }}
</n-button> </n-button>
</template> </template>
<template #header> <template #header>
<n-alert <n-alert
v-if="submission" v-if="submission"
:type="JUDGE_STATUS[submission.result]['type']" :type="JUDGE_STATUS[submission.result]['type']"
:title="JUDGE_STATUS[submission.result]['name']" :title="JUDGE_STATUS[submission.result]['name']"
/> />
</template> </template>
<n-space vertical v-if="msg || infoTable.length"> <n-space vertical v-if="msg || infoTable.length">
<n-card v-if="msg" embedded class="msg">{{ msg }}</n-card> <n-card v-if="msg" embedded class="msg">{{ msg }}</n-card>
<n-data-table <n-data-table
v-if="infoTable.length" v-if="infoTable.length"
size="small" size="small"
striped striped
:data="infoTable" :data="infoTable"
:columns="columns" :columns="columns"
/> />
</n-space> </n-space>
</n-popover> </n-popover>
</template> </template>
<style scoped> <style scoped>
.msg { .msg {
white-space: pre; white-space: pre;
word-break: break-all; word-break: break-all;
line-height: 1.5; line-height: 1.5;
} }
</style> </style>

View File

@@ -170,7 +170,12 @@ function rowProps(row: ProblemFiltered) {
/> />
</n-form-item> </n-form-item>
<n-form-item label="搜索"> <n-form-item label="搜索">
<n-input placeholder="输入编号或标题后回车" clearable @change="search" /> <n-input
placeholder="输入编号或标题后回车"
clearable
v-model:value="query.keyword"
@change="search"
/>
</n-form-item> </n-form-item>
<n-form-item> <n-form-item>
<n-space> <n-space>

View File

@@ -1,88 +1,88 @@
<script setup lang="ts"> <script setup lang="ts">
import { Bar } from "vue-chartjs" import { Bar } from "vue-chartjs"
import { Rank } from "~/utils/types" import { Rank } from "~/utils/types"
const props = defineProps<{ rankData: Rank[] }>() const props = defineProps<{ rankData: Rank[] }>()
const data = computed(() => ({ const data = computed(() => ({
labels: props.rankData.map((rank) => rank.user.username), labels: props.rankData.map((rank) => rank.user.username),
datasets: [ datasets: [
{ {
label: "已解决", label: "已解决",
data: props.rankData.map((rank) => rank.accepted_number), data: props.rankData.map((rank) => rank.accepted_number),
backgroundColor: [ backgroundColor: [
"rgba(255, 99, 132, 0.2)", "rgba(255, 99, 132, 0.2)",
"rgba(255, 159, 64, 0.2)", "rgba(255, 159, 64, 0.2)",
"rgba(55, 66, 250, 0.2)", "rgba(55, 66, 250, 0.2)",
"rgba(75, 192, 192, 0.2)", "rgba(75, 192, 192, 0.2)",
"rgba(54, 162, 235, 0.2)", "rgba(54, 162, 235, 0.2)",
"rgba(153, 102, 255, 0.2)", "rgba(153, 102, 255, 0.2)",
"rgba(48, 51, 107, 0.2)", "rgba(48, 51, 107, 0.2)",
"rgba(249, 202, 36, 0.2)", "rgba(249, 202, 36, 0.2)",
"rgba(106, 176, 76, 0.2)", "rgba(106, 176, 76, 0.2)",
"rgba(119, 139, 235, 0.2)", "rgba(119, 139, 235, 0.2)",
], ],
borderColor: [ borderColor: [
"rgba(255, 99, 132, 0.6)", "rgba(255, 99, 132, 0.6)",
"rgba(255, 159, 64, 0.6)", "rgba(255, 159, 64, 0.6)",
"rgba(55, 66, 250, 0.6)", "rgba(55, 66, 250, 0.6)",
"rgba(75, 192, 192, 0.6)", "rgba(75, 192, 192, 0.6)",
"rgba(54, 162, 235, 0.6)", "rgba(54, 162, 235, 0.6)",
"rgba(153, 102, 255, 0.6)", "rgba(153, 102, 255, 0.6)",
"rgba(48, 51, 107, 0.6)", "rgba(48, 51, 107, 0.6)",
"rgba(249, 202, 36, 0.6)", "rgba(249, 202, 36, 0.6)",
"rgba(106, 176, 76, 0.6)", "rgba(106, 176, 76, 0.6)",
"rgba(119, 139, 235, 0.6)", "rgba(119, 139, 235, 0.6)",
], ],
hoverBackgroundColor: [ hoverBackgroundColor: [
"rgba(255, 99, 132, 0.8)", "rgba(255, 99, 132, 0.8)",
"rgba(255, 159, 64, 0.8)", "rgba(255, 159, 64, 0.8)",
"rgba(55, 66, 250, 0.8)", "rgba(55, 66, 250, 0.8)",
"rgba(75, 192, 192, 0.8)", "rgba(75, 192, 192, 0.8)",
"rgba(54, 162, 235, 0.8)", "rgba(54, 162, 235, 0.8)",
"rgba(153, 102, 255, 0.8)", "rgba(153, 102, 255, 0.8)",
"rgba(48, 51, 107, 0.8)", "rgba(48, 51, 107, 0.8)",
"rgba(249, 202, 36, 0.8)", "rgba(249, 202, 36, 0.8)",
"rgba(106, 176, 76, 0.8)", "rgba(106, 176, 76, 0.8)",
"rgba(119, 139, 235, 0.8)", "rgba(119, 139, 235, 0.8)",
], ],
hoverBorderColor: [ hoverBorderColor: [
"rgba(255, 99, 132, 1)", "rgba(255, 99, 132, 1)",
"rgba(255, 159, 64, 1)", "rgba(255, 159, 64, 1)",
"rgba(55, 66, 250, 1)", "rgba(55, 66, 250, 1)",
"rgba(75, 192, 192, 1)", "rgba(75, 192, 192, 1)",
"rgba(54, 162, 235, 1)", "rgba(54, 162, 235, 1)",
"rgba(153, 102, 255, 1)", "rgba(153, 102, 255, 1)",
"rgba(48, 51, 107, 1)", "rgba(48, 51, 107, 1)",
"rgba(249, 202, 36, 1)", "rgba(249, 202, 36, 1)",
"rgba(106, 176, 76, 1)", "rgba(106, 176, 76, 1)",
"rgba(119, 139, 235, 1)", "rgba(119, 139, 235, 1)",
], ],
borderWidth: 2, borderWidth: 2,
}, },
{ {
label: "总提交数", label: "总提交数",
data: props.rankData.map((rank) => rank.submission_number), data: props.rankData.map((rank) => rank.submission_number),
hidden: true, hidden: true,
}, },
], ],
})) }))
const options = ref({ const options = ref({
plugins: { plugins: {
title: { title: {
text: "全校前十名的用户(不包括超管)", text: "全校前十名的用户(不包括超管)",
display: true, display: true,
font: { size: 20 }, font: { size: 20 },
}, },
}, },
}) })
</script> </script>
<template> <template>
<Bar class="chart" :data="data" :options="options" /> <Bar class="chart" :data="data" :options="options" />
</template> </template>
<style scoped> <style scoped>
.chart { .chart {
margin-bottom: 24px; margin-bottom: 24px;
} }
</style> </style>

View File

@@ -1,70 +1,75 @@
import { useUserStore } from "~/shared/store/user" import { useUserStore } from "~/shared/store/user"
import { ContestType } from "~/utils/constants" import { ContestType } from "~/utils/constants"
import { Contest, Problem } from "~/utils/types" import { Contest, Problem } from "~/utils/types"
import { import {
getContest, getContest,
getContestAccess, getContestAccess,
getContestProblems, getContestProblems,
checkContestPassword, checkContestPassword,
} from "../api" } from "../api"
export const useContestStore = defineStore("contest", () => { export const useContestStore = defineStore("contest", () => {
const userStore = useUserStore() const userStore = useUserStore()
const contest = ref<Contest>() const message = useMessage()
const [access, toggleAccsess] = useToggle() const [access, toggleAccess] = useToggle()
const problems = ref<Problem[]>([]) const contest = ref<Contest>()
const message = useMessage() const problems = ref<Problem[]>([])
const contestStatus = computed(() => { const contestStatus = computed(() => {
return false return false
}) })
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)
) )
async function init(contestID: string) { const isPrivate = computed(
const res = await getContest(contestID) () => contest.value?.contest_type === ContestType.private
contest.value = res.data )
if (contest.value?.contest_type === ContestType.private) {
const res = await getContestAccess(contestID) async function init(contestID: string) {
toggleAccsess(res.data.access) const res = await getContest(contestID)
} contest.value = res.data
_getProblems(contestID) if (contest.value?.contest_type === ContestType.private) {
} const res = await getContestAccess(contestID)
toggleAccess(res.data.access)
async function checkPassword(contestID: string, password: string) { }
try { _getProblems(contestID)
const res = await checkContestPassword(contestID, password) }
toggleAccsess(res.data)
if (res.data) { async function checkPassword(contestID: string, password: string) {
_getProblems(contestID) try {
} const res = await checkContestPassword(contestID, password)
} catch (err) { toggleAccess(res.data)
toggleAccsess(false) if (res.data) {
message.error("密码错误") _getProblems(contestID)
} }
} } catch (err) {
toggleAccess(false)
async function _getProblems(contestID: string) { message.error("密码错误")
problems.value = [] }
try { }
problems.value = await getContestProblems(contestID)
} catch (err) { async function _getProblems(contestID: string) {
problems.value = [] problems.value = []
toggleAccsess(false) try {
} problems.value = await getContestProblems(contestID)
} } catch (err) {
problems.value = []
return { toggleAccess(false)
contest, }
contestStatus, }
isContestAdmin,
access, return {
problems, contest,
init, contestStatus,
checkPassword, isContestAdmin,
} access,
}) problems,
isPrivate,
init,
checkPassword,
}
})

View File

@@ -150,7 +150,7 @@ const columns = computed(() => {
{ {
title: "题目", title: "题目",
key: "problem", key: "problem",
width: 100, width: 120,
render: (row) => render: (row) =>
h( h(
NButton, NButton,
@@ -165,16 +165,16 @@ const columns = computed(() => {
{ {
title: "执行耗时", title: "执行耗时",
key: "time", key: "time",
width: 100, width: 120,
render: (row) => submissionTimeFormat(row.statistic_info.time_cost), render: (row) => submissionTimeFormat(row.statistic_info.time_cost),
}, },
{ {
title: "占用内存", title: "占用内存",
key: "memory", key: "memory",
width: 100, width: 120,
render: (row) => submissionMemoryFormat(row.statistic_info.memory_cost), render: (row) => submissionMemoryFormat(row.statistic_info.memory_cost),
}, },
{ title: "语言", key: "language", width: 100 }, { title: "语言", key: "language", width: 120 },
{ {
title: "用户", title: "用户",
key: "username", key: "username",
@@ -211,7 +211,12 @@ const columns = computed(() => {
<n-switch v-model:value="query.myself" /> <n-switch v-model:value="query.myself" />
</n-form-item> </n-form-item>
<n-form-item label="搜索用户"> <n-form-item label="搜索用户">
<n-input @change="search" clearable placeholder="输入后回车或点击搜索" /> <n-input
v-model:value="query.username"
@change="search"
clearable
placeholder="输入后回车或点击搜索"
/>
</n-form-item> </n-form-item>
<n-form-item> <n-form-item>
<n-space> <n-space>

View File

@@ -1,30 +1,30 @@
<script setup lang="ts"> <script setup lang="ts">
import { DocumentCopy, Select } from "@element-plus/icons-vue" import { DocumentCopy, Select } from "@element-plus/icons-vue"
import copy from "copy-text-to-clipboard" import copy from "copy-text-to-clipboard"
defineProps<{ value: string }>() defineProps<{ value: string }>()
const [copied, toggle] = useToggle() const [copied, toggle] = useToggle()
const { start } = useTimeoutFn(() => toggle(false), 1000, { immediate: false }) const { start } = useTimeoutFn(() => toggle(false), 1000, { immediate: false })
function handleClick(value: string) { function handleClick(value: string) {
copy(value) copy(value)
toggle(true) toggle(true)
start() start()
} }
</script> </script>
<template> <template>
<n-tooltip trigger="hover"> <n-tooltip trigger="hover">
<template #trigger> <template #trigger>
<n-icon class="icon" @click="handleClick(value)"> <n-icon class="icon" @click="handleClick(value)">
<component :is="copied ? Select : DocumentCopy"></component> <component :is="copied ? Select : DocumentCopy"></component>
</n-icon> </n-icon>
</template> </template>
{{ copied ? "已复制" : "复制" }} {{ copied ? "已复制" : "复制" }}
</n-tooltip> </n-tooltip>
</template> </template>
<style scoped> <style scoped>
.icon { .icon {
cursor: pointer; cursor: pointer;
transform: translateY(2px); transform: translateY(2px);
} }
</style> </style>

View File

@@ -1,28 +1,28 @@
import { import {
Chart as ChartJS, Chart as ChartJS,
Title, Title,
Colors, Colors,
Tooltip, Tooltip,
Legend, Legend,
BarElement, BarElement,
ArcElement, ArcElement,
CategoryScale, CategoryScale,
LinearScale, LinearScale,
} from "chart.js" } from "chart.js"
const [isLoaded] = useToggle() const [isLoaded] = useToggle()
export function loadChart() { export function loadChart() {
if (isLoaded.value) return if (isLoaded.value) return
ChartJS.register( ChartJS.register(
CategoryScale, CategoryScale,
LinearScale, LinearScale,
BarElement, BarElement,
ArcElement, ArcElement,
Colors, Colors,
Title, Title,
Tooltip, Tooltip,
Legend Legend
) )
isLoaded.value = true isLoaded.value = true
} }

View File

@@ -1 +1 @@
export const code = ref("") export const code = ref("")

View File

@@ -1,19 +1,19 @@
import loader, { Monaco } from "@monaco-editor/loader" import loader, { Monaco } from "@monaco-editor/loader"
export const monaco = ref<Monaco>() export const monaco = ref<Monaco>()
export async function init() { export async function init() {
loader.config({ loader.config({
paths: { vs: "https://cdn.staticfile.org/monaco-editor/0.34.1/min/vs" }, paths: { vs: "https://cdn.staticfile.org/monaco-editor/0.34.1/min/vs" },
"vs/nls": { availableLanguages: { "*": "zh-cn" } }, "vs/nls": { availableLanguages: { "*": "zh-cn" } },
}) })
const [m, light, dark] = await Promise.all([ const [m, light, dark] = await Promise.all([
loader.init(), loader.init(),
fetch("/light.json").then((t) => t.json()), fetch("/light.json").then((t) => t.json()),
fetch("/dark.json").then((t) => t.json()), fetch("/dark.json").then((t) => t.json()),
]) ])
monaco.value = m monaco.value = m
monaco.value.editor.defineTheme("light", light) monaco.value.editor.defineTheme("light", light)
monaco.value.editor.defineTheme("dark", dark) monaco.value.editor.defineTheme("dark", dark)
} }