jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(projects): 主题配置抽屉: 迁移其他功能

Browse Source
This commit is contained in:
Soybean
2022-01-09 13:25:42 +08:00
parent 912bfdf439
commit 6d132c5977
10 changed files with 269 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/store/modules/theme/index.ts
View File

@ -67,6 +67,8 @@ interface ThemeStore extends LayoutFunc, HeaderFunc, TabFunc, SiderFunc, FooterF
naiveThemeOverrides: ComputedRef<GlobalThemeOverrides>;
/** naive-ui暗黑主题 */
naiveTheme: ComputedRef<BuiltInGlobalTheme | undefined>;
/** 重置状态 */
resetThemeStore(): void;
}
export const useThemeStore = defineStore('theme-store', () => {
@ -148,6 +150,11 @@ export const useThemeStore = defineStore('theme-store', () => {
);
const naiveTheme = computed(() => (darkMode.value ? darkTheme : undefined));
/** 重置theme状态 */
function resetThemeStore() {
setDarkMode(false);
}
/** 初始化css vars, 并添加至html */
function initThemeCssVars() {
const updatedThemeVars = { ...naiveThemeOverrides.value.common };
@ -214,7 +221,8 @@ export const useThemeStore = defineStore('theme-store', () => {
setPageIsAnimate,
setPageAnimateMode,
naiveThemeOverrides,
naiveTheme
naiveTheme,
resetThemeStore
};
return themeStore;