fix: 修改本地存储变量名

This commit is contained in:
MTrun
2022-01-08 14:27:56 +08:00
parent 5b7da15bdd
commit 1298abd9e6
12 changed files with 79 additions and 71 deletions
@@ -2,10 +2,12 @@ import { defineStore } from 'pinia'
import { store } from '@/store'
import { ChartLayoutType, ChartLayoutFilterType } from './chartLayoutStore.d'
import { setLocalStorage, getLocalStorage } from '@/utils'
import { GO_Chart_Layout_Store } from '@/settings/storageConst'
import { StorageEnum } from '@/enums/storageEnum'
const { GO_CHART_LAYOUT_STORE } = StorageEnum
const storageChartLayout: ChartLayoutType = getLocalStorage(
GO_Chart_Layout_Store
GO_CHART_LAYOUT_STORE
)
export const useChartLayoutStore = defineStore({
@@ -54,11 +56,11 @@ export const useChartLayoutStore = defineStore({
actions: {
setItem(key: string, value: boolean): void {
;(this as any)[key] = value
setLocalStorage(GO_Chart_Layout_Store, this.$state)
setLocalStorage(GO_CHART_LAYOUT_STORE, this.$state)
},
setFilter<T extends keyof ChartLayoutType>(key: T, value: boolean): void {
;(this.filter as any)[key] = value
setLocalStorage(GO_Chart_Layout_Store, this.$state)
setLocalStorage(GO_CHART_LAYOUT_STORE, this.$state)
}
}
})
+6 -4
View File
@@ -2,11 +2,13 @@ import { ThemeEnum } from '@/enums/styleEnum'
export interface DesignStateType {
// 是否是深色主题
darkTheme: boolean;
darkTheme: boolean
// 主题名称
themeName: ThemeEnum;
themeName: ThemeEnum
//系统风格
appTheme: string;
appTheme: string
//系统内置风格
appThemeList: string[];
appThemeList: string[]
// 侧边栏是否全收缩
asideAllShrink: boolean
}
+24 -15
View File
@@ -1,27 +1,32 @@
import { defineStore } from 'pinia'
import { store } from '@/store'
import { theme } from '@/settings/designSetting'
import { theme, asideAllShrink } from '@/settings/designSetting'
import { DesignStateType } from './designStore.d'
import { setLocalStorage, getLocalStorage } from '@/utils'
import { GO_Theme_SELECT } from '@/settings/storageConst'
import { StorageEnum } from '@/enums/storageEnum'
import { ThemeEnum } from '@/enums/styleEnum'
const { GO_DESIGN_STORE } = StorageEnum
const { darkTheme, appTheme, appThemeList } = theme
const storageThemeName = getLocalStorage(GO_Theme_SELECT)
const storageDesign = getLocalStorage(GO_DESIGN_STORE)
export const useDesignStore = defineStore({
id: 'useDesignStore',
state: (): DesignStateType => ({
// 是否暗黑
darkTheme: storageThemeName === ThemeEnum.dark,
// 主题名称
themeName:
storageThemeName || (darkTheme && ThemeEnum.dark) || ThemeEnum.light,
// 颜色色号
appTheme,
// 颜色列表
appThemeList
}),
state: (): DesignStateType =>
storageDesign || {
// 是否暗黑
darkTheme,
// 主题名称
themeName: (darkTheme && ThemeEnum.dark) || ThemeEnum.light,
// 颜色色号
appTheme,
// 颜色列表
appThemeList,
// 侧边栏
asideAllShrink
},
getters: {
getDarkTheme(e): boolean {
return this.darkTheme
@@ -37,7 +42,11 @@ export const useDesignStore = defineStore({
changeTheme(): void {
this.darkTheme = !this.darkTheme
this.themeName = this.darkTheme ? ThemeEnum.dark : ThemeEnum.light
setLocalStorage(GO_Theme_SELECT, this.themeName)
setLocalStorage(GO_DESIGN_STORE, this.$state)
},
changeAsideAllShrink(): void {
this.asideAllShrink = !this.asideAllShrink
setLocalStorage(GO_DESIGN_STORE, this.$state)
}
}
})
+7 -6
View File
@@ -4,17 +4,18 @@ import { LangStateType } from './langStore.d'
import { LangEnum } from '@/enums/styleEnum'
import i18n from '@/i18n/index'
import { setLocalStorage, getLocalStorage, reloadRoutePage } from '@/utils'
import { GO_LANG } from '@/settings/storageConst'
import { StorageEnum } from '@/enums/storageEnum'
const storageLang: LangStateType = getLocalStorage(GO_LANG)
const { GO_LANG_STORE } = StorageEnum
const storageLang: LangStateType = getLocalStorage(GO_LANG_STORE)
export const useLangStore = defineStore({
id: 'useLangStore',
state: (): LangStateType =>
storageLang || {
lang,
// 默认刷新页面
isReload: true
isReload: false
},
getters: {
getLang(): LangEnum {
@@ -27,14 +28,14 @@ export const useLangStore = defineStore({
actions: {
changeReload(value: boolean): void {
this.isReload = value
setLocalStorage(GO_LANG, this.$state)
setLocalStorage(GO_LANG_STORE, this.$state)
},
changeLang(lang: LangEnum): void {
if (this.lang === lang) return
this.lang = lang
i18n.global.locale = lang
setLocalStorage(GO_LANG, this.$state)
setLocalStorage(GO_LANG_STORE, this.$state)
if (this.getReload) {
reloadRoutePage()