#前端

zhou zhou

2 天以前 5d31cb5f1fb32a478d5b751ebfe97d47db890778

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import { nextTick } from 'vue'
import { useSettingStore } from '@/store/modules/setting'
import { MenuThemeEnum, MenuTypeEnum } from '@/enums/appEnum'
function useSettingsState() {
  const settingStore = useSettingStore()
  const initColorWeak = () => {
    if (settingStore.colorWeak) {
      const el = document.getElementsByTagName('html')[0]
      setTimeout(() => {
        el.classList.add('color-weak')
      }, 100)
    }
  }
  const switchMenuLayouts = (type) => {
    if (settingStore.menuType === type) {
      return
    }
    if (type === MenuTypeEnum.LEFT || type === MenuTypeEnum.TOP_LEFT) {
      settingStore.setMenuOpen(true)
    }
    settingStore.switchMenuLayouts(type)
    if (type === MenuTypeEnum.DUAL_MENU) {
      settingStore.switchMenuStyles(MenuThemeEnum.DESIGN)
      settingStore.setMenuOpen(true)
    }
    nextTick(() => {
      settingStore.reload()
    })
  }
  return {
    // 方法
    initColorWeak,
    switchMenuLayouts
  }
}
export { useSettingsState }