78 lines
2.1 KiB
TypeScript
78 lines
2.1 KiB
TypeScript
|
import { defineStore } from 'pinia'
|
||
|
|
import { Notification } from '@arco-design/web-vue'
|
||
|
|
import type { NotificationReturn } from '@arco-design/web-vue/es/notification/interface'
|
||
|
|
import type { RouteRecordNormalized } from 'vue-router'
|
||
|
|
import defaultSettings from '@/config/settings.json'
|
||
|
|
import { getMenuList } from '@/api/user'
|
||
|
|
import { AppState } from './types'
|
||
|
|
|
||
|
|
const useAppStore = defineStore('app', {
|
||
|
|
state: (): AppState => ({ ...defaultSettings }),
|
||
|
|
|
||
|
|
getters: {
|
||
|
|
appCurrentSetting(state: AppState): AppState {
|
||
|
|
return { ...state }
|
||
|
|
},
|
||
|
|
appDevice(state: AppState) {
|
||
|
|
return state.device
|
||
|
|
},
|
||
|
|
appAsyncMenus(state: AppState): RouteRecordNormalized[] {
|
||
|
|
return state.serverMenu as unknown as RouteRecordNormalized[]
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
actions: {
|
||
|
|
// Update app settings
|
||
|
|
updateSettings(partial: Partial<AppState>) {
|
||
|
|
// @ts-ignore-next-line
|
||
|
|
this.$patch(partial)
|
||
|
|
},
|
||
|
|
|
||
|
|
// Change theme color
|
||
|
|
toggleTheme(dark: boolean) {
|
||
|
|
if (dark) {
|
||
|
|
this.theme = 'dark'
|
||
|
|
document.body.setAttribute('arco-theme', 'dark')
|
||
|
|
} else {
|
||
|
|
this.theme = 'light'
|
||
|
|
document.body.removeAttribute('arco-theme')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
toggleDevice(device: string) {
|
||
|
|
this.device = device
|
||
|
|
},
|
||
|
|
toggleMenu(value: boolean) {
|
||
|
|
this.hideMenu = value
|
||
|
|
},
|
||
|
|
async fetchServerMenuConfig() {
|
||
|
|
let notifyInstance: NotificationReturn | null = null
|
||
|
|
try {
|
||
|
|
notifyInstance = Notification.info({
|
||
|
|
id: 'menuNotice', // Keep the instance id the same
|
||
|
|
content: 'loading',
|
||
|
|
closable: true,
|
||
|
|
})
|
||
|
|
const { data } = await getMenuList()
|
||
|
|
this.serverMenu = data
|
||
|
|
notifyInstance = Notification.success({
|
||
|
|
id: 'menuNotice',
|
||
|
|
content: 'success',
|
||
|
|
closable: true,
|
||
|
|
})
|
||
|
|
} catch (error) {
|
||
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||
|
|
notifyInstance = Notification.error({
|
||
|
|
id: 'menuNotice',
|
||
|
|
content: 'error',
|
||
|
|
closable: true,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
clearServerMenu() {
|
||
|
|
this.serverMenu = []
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|
||
|
|
|
||
|
|
export default useAppStore
|