From 215d8bab380728164d7fe2958c2d2d1151fce892 Mon Sep 17 00:00:00 2001
From: Vben <anncwb@126.com>
Date: 星期六, 10 四月 2021 21:41:22 +0800
Subject: [PATCH] refactor: refactor store

---
 src/hooks/setting/useRootSetting.ts |  117 +++++++++++++++++++++++++++++-----------------------------
 1 files changed, 58 insertions(+), 59 deletions(-)

diff --git a/src/hooks/setting/useRootSetting.ts b/src/hooks/setting/useRootSetting.ts
index d0848a8..e08394c 100644
--- a/src/hooks/setting/useRootSetting.ts
+++ b/src/hooks/setting/useRootSetting.ts
@@ -1,71 +1,71 @@
 import type { ProjectConfig } from '/#/config';
 
-import { computed, unref } from 'vue';
+import { computed } from 'vue';
 
-import { appStore } from '/@/store/modules/app';
-import { ContentEnum } from '/@/enums/appEnum';
-import { ThemeEnum } from '../../enums/appEnum';
+import { useAppStore } from '/@/store/modules/app';
+import { ContentEnum, ThemeEnum } from '/@/enums/appEnum';
 
 type RootSetting = Omit<
   ProjectConfig,
   'locale' | 'headerSetting' | 'menuSetting' | 'multiTabsSetting'
 >;
 
-const getRootSetting = computed((): RootSetting => appStore.getProjectConfig);
-
-const getPageLoading = computed(() => appStore.getPageLoading);
-
-const getOpenKeepAlive = computed(() => unref(getRootSetting).openKeepAlive);
-
-const getSettingButtonPosition = computed(() => unref(getRootSetting).settingButtonPosition);
-
-const getCanEmbedIFramePage = computed(() => unref(getRootSetting).canEmbedIFramePage);
-
-const getPermissionMode = computed(() => unref(getRootSetting).permissionMode);
-
-const getShowLogo = computed(() => unref(getRootSetting).showLogo);
-
-const getContentMode = computed(() => unref(getRootSetting).contentMode);
-
-const getUseOpenBackTop = computed(() => unref(getRootSetting).useOpenBackTop);
-
-const getShowSettingButton = computed(() => unref(getRootSetting).showSettingButton);
-
-const getUseErrorHandle = computed(() => unref(getRootSetting).useErrorHandle);
-
-const getShowFooter = computed(() => unref(getRootSetting).showFooter);
-
-const getShowBreadCrumb = computed(() => unref(getRootSetting).showBreadCrumb);
-
-const getThemeColor = computed(() => unref(getRootSetting).themeColor);
-
-const getShowBreadCrumbIcon = computed(() => unref(getRootSetting).showBreadCrumbIcon);
-
-const getFullContent = computed(() => unref(getRootSetting).fullContent);
-
-const getColorWeak = computed(() => unref(getRootSetting).colorWeak);
-
-const getGrayMode = computed(() => unref(getRootSetting).grayMode);
-
-const getLockTime = computed(() => unref(getRootSetting).lockTime);
-
-const getShowDarkModeToggle = computed(() => unref(getRootSetting).showDarkModeToggle);
-
-const getDarkMode = computed(() => appStore.getDarkMode);
-
-const getLayoutContentMode = computed(() =>
-  unref(getRootSetting).contentMode === ContentEnum.FULL ? ContentEnum.FULL : ContentEnum.FIXED
-);
-
-function setRootSetting(setting: Partial<RootSetting>) {
-  appStore.commitProjectConfigState(setting);
-}
-
-function setDarkMode(mode: ThemeEnum) {
-  appStore.commitDarkMode(mode);
-}
-
 export function useRootSetting() {
+  const appStore = useAppStore();
+
+  const getPageLoading = computed(() => appStore.getPageLoading);
+
+  const getOpenKeepAlive = computed(() => appStore.getProjectConfig.openKeepAlive);
+
+  const getSettingButtonPosition = computed(() => appStore.getProjectConfig.settingButtonPosition);
+
+  const getCanEmbedIFramePage = computed(() => appStore.getProjectConfig.canEmbedIFramePage);
+
+  const getPermissionMode = computed(() => appStore.getProjectConfig.permissionMode);
+
+  const getShowLogo = computed(() => appStore.getProjectConfig.showLogo);
+
+  const getContentMode = computed(() => appStore.getProjectConfig.contentMode);
+
+  const getUseOpenBackTop = computed(() => appStore.getProjectConfig.useOpenBackTop);
+
+  const getShowSettingButton = computed(() => appStore.getProjectConfig.showSettingButton);
+
+  const getUseErrorHandle = computed(() => appStore.getProjectConfig.useErrorHandle);
+
+  const getShowFooter = computed(() => appStore.getProjectConfig.showFooter);
+
+  const getShowBreadCrumb = computed(() => appStore.getProjectConfig.showBreadCrumb);
+
+  const getThemeColor = computed(() => appStore.getProjectConfig.themeColor);
+
+  const getShowBreadCrumbIcon = computed(() => appStore.getProjectConfig.showBreadCrumbIcon);
+
+  const getFullContent = computed(() => appStore.getProjectConfig.fullContent);
+
+  const getColorWeak = computed(() => appStore.getProjectConfig.colorWeak);
+
+  const getGrayMode = computed(() => appStore.getProjectConfig.grayMode);
+
+  const getLockTime = computed(() => appStore.getProjectConfig.lockTime);
+
+  const getShowDarkModeToggle = computed(() => appStore.getProjectConfig.showDarkModeToggle);
+
+  const getDarkMode = computed(() => appStore.getDarkMode);
+
+  const getLayoutContentMode = computed(() =>
+    appStore.getProjectConfig.contentMode === ContentEnum.FULL
+      ? ContentEnum.FULL
+      : ContentEnum.FIXED
+  );
+
+  function setRootSetting(setting: Partial<RootSetting>) {
+    appStore.setProjectConfig(setting);
+  }
+
+  function setDarkMode(mode: ThemeEnum) {
+    appStore.setDarkMode(mode);
+  }
   return {
     setRootSetting,
 
@@ -73,7 +73,6 @@
     getFullContent,
     getColorWeak,
     getGrayMode,
-    getRootSetting,
     getLayoutContentMode,
     getPageLoading,
     getOpenKeepAlive,

--
Gitblit v1.8.0