mirror of
https://github.com/pipipi-pikachu/PPTist.git
synced 2025-04-15 02:20:00 +08:00
65 lines
1.7 KiB
Vue
65 lines
1.7 KiB
Vue
<template>
|
||
<ConfigProvider
|
||
:theme="{
|
||
token: {
|
||
colorPrimary: '#d14424',
|
||
colorText: '#41464b',
|
||
borderRadius: 2,
|
||
fontSize: 13,
|
||
},
|
||
}"
|
||
>
|
||
<Screen v-if="screening" />
|
||
<Editor v-else-if="_isPC" />
|
||
<Mobile v-else />
|
||
</ConfigProvider>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { onMounted } from 'vue'
|
||
import { storeToRefs } from 'pinia'
|
||
import { useScreenStore, useMainStore, useSnapshotStore } from '@/store'
|
||
import { LOCALSTORAGE_KEY_DISCARDED_DB } from '@/configs/storage'
|
||
import { deleteDiscardedDB } from '@/utils/database'
|
||
import { isPC } from './utils/common'
|
||
|
||
import Editor from './views/Editor/index.vue'
|
||
import Screen from './views/Screen/index.vue'
|
||
import Mobile from './views/Mobile/index.vue'
|
||
|
||
import { ConfigProvider } from 'ant-design-vue'
|
||
|
||
const _isPC = isPC()
|
||
|
||
const mainStore = useMainStore()
|
||
const snapshotStore = useSnapshotStore()
|
||
const { databaseId } = storeToRefs(mainStore)
|
||
const { screening } = storeToRefs(useScreenStore())
|
||
|
||
if (process.env.NODE_ENV === 'production') {
|
||
window.onbeforeunload = () => false
|
||
}
|
||
|
||
onMounted(async () => {
|
||
await deleteDiscardedDB()
|
||
snapshotStore.initSnapshotDatabase()
|
||
mainStore.setAvailableFonts()
|
||
})
|
||
|
||
// 应用注销时向 localStorage 中记录下本次 indexedDB 的数据库ID，用于之后清除数据库
|
||
window.addEventListener('unload', () => {
|
||
const discardedDB = localStorage.getItem(LOCALSTORAGE_KEY_DISCARDED_DB)
|
||
const discardedDBList: string[] = discardedDB ? JSON.parse(discardedDB) : []
|
||
|
||
discardedDBList.push(databaseId.value)
|
||
|
||
const newDiscardedDB = JSON.stringify(discardedDBList)
|
||
localStorage.setItem(LOCALSTORAGE_KEY_DISCARDED_DB, newDiscardedDB)
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
#app {
|
||
height: 100%;
|
||
}
|
||
</style> |