Blame view

src/logics/initAppConfig.ts 2.51 KB
vben authored
1
2
3
/**
 * Application configuration
 */
4
import type { ProjectConfig } from '/#/config';
vben authored
5
6
import { PROJ_CFG_KEY } from '/@/enums/cacheEnum';
陈文彬 authored
7
import projectSetting from '/@/settings/projectSetting';
8
vben authored
9
10
11
import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
import { updateColorWeak } from '/@/logics/theme/updateColorWeak';
import { updateGrayMode } from '/@/logics/theme/updateGrayMode';
Vben authored
12
import { updateDarkTheme } from '/@/logics/theme/dark';
vben authored
13
import { changeTheme } from '/@/logics/theme';
陈文彬 authored
14
Vben authored
15
16
import { useAppStore } from '/@/store/modules/app';
import { useLocaleStore } from '/@/store/modules/locale';
17
18
19

import { getCommonStoragePrefix, getStorageShortName } from '/@/utils/env';
vben authored
20
import { primaryColor } from '../../build/config/themeConfig';
21
22
import { Persistent } from '/@/utils/cache/persistent';
import { deepMerge } from '/@/utils';
Vben authored
23
import { ThemeEnum } from '/@/enums/appEnum';
陈文彬 authored
24
25
// Initial project configuration
vben authored
26
export function initAppConfigStore() {
Vben authored
27
28
  const localeStore = useLocaleStore();
  const appStore = useAppStore();
29
30
  let projCfg: ProjectConfig = Persistent.getLocal(PROJ_CFG_KEY) as ProjectConfig;
  projCfg = deepMerge(projectSetting, projCfg || {});
Vben authored
31
32
33
34
35
36
37
38
39
  const darkMode = appStore.getDarkMode;
  const {
    colorWeak,
    grayMode,
    themeColor,

    headerSetting: { bgColor: headerBgColor } = {},
    menuSetting: { bgColor } = {},
  } = projCfg;
陈文彬 authored
40
  try {
vben authored
41
42
43
    if (themeColor && themeColor !== primaryColor) {
      changeTheme(themeColor);
    }
Vben authored
44
陈文彬 authored
45
46
47
48
49
    grayMode && updateGrayMode(grayMode);
    colorWeak && updateColorWeak(colorWeak);
  } catch (error) {
    console.log(error);
  }
Vben authored
50
  appStore.setProjectConfig(projCfg);
Vben authored
51
52
53
54
55
56
57
58
59
60
61

  // init dark mode
  updateDarkTheme(darkMode);
  if (darkMode === ThemeEnum.DARK) {
    updateHeaderBgColor();
    updateSidebarBgColor();
  } else {
    headerBgColor && updateHeaderBgColor(headerBgColor);
    bgColor && updateSidebarBgColor(bgColor);
  }
  // init store
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
  localeStore.initLocale();

  setTimeout(() => {
    clearObsoleteStorage();
  }, 16);
}

/**
 * As the version continues to iterate, there will be more and more cache keys stored in localStorage.
 * This method is used to delete useless keys
 */
export function clearObsoleteStorage() {
  const commonPrefix = getCommonStoragePrefix();
  const shortPrefix = getStorageShortName();

  [localStorage, sessionStorage].forEach((item: Storage) => {
    Object.keys(item).forEach((key) => {
      if (key && key.startsWith(commonPrefix) && !key.startsWith(shortPrefix)) {
        item.removeItem(key);
      }
    });
  });
陈文彬 authored
84
}