refactor: 提取 ProviderThemeVars 类型并移除冗余变量

This commit is contained in:
Mickey wu
2026-05-25 21:30:26 +08:00
parent 410979a707
commit 2a14a16b5a
3 changed files with 10 additions and 6 deletions

View File

@@ -34,3 +34,7 @@ export const themeColorOptions: ThemeColorOption[] = [
{ name: "紫罗兰", value: "purple", primary: "#8A2BE2" },
{ name: "朱砂红", value: "red", primary: "#FF4757" },
];
export interface ProviderThemeVars extends ConfigProviderThemeVars {
colorTheme: string;
}

View File

@@ -101,7 +101,7 @@
});
// 使用主题组合函数
const { isDark, themeVars, themeColorOptions, toggleTheme, setThemeColor } = useTheme();
const { isDark, themeColorOptions, toggleTheme, setThemeColor } = useTheme();
const toast = useToast();
const { confirm } = useDialog();
@@ -115,7 +115,7 @@
// 当前选中的主题色
const currentThemeColor = computed(() => {
return themeVars.colorTheme || themeColorOptions[0].primary;
return themeColorOptions[0].primary;
});
// 选择预设颜色

View File

@@ -1,7 +1,7 @@
import { defineStore } from "pinia";
import { Storage } from "@/utils/storage";
import { THEME_MODE_KEY, THEME_COLOR_KEY } from "@/constants";
import type { ThemeColorOption, ThemeMode } from "@/composables/types/theme";
import type { ProviderThemeVars, ThemeColorOption, ThemeMode } from "@/composables/types/theme";
import type { ConfigProviderThemeVars } from "@wot-ui/ui";
import { themeColorOptions } from "@/composables/types/theme";
@@ -36,12 +36,12 @@ export const useThemeStore = defineStore("theme", () => {
const darkThemeVars = {};
/** 主题变量(计算属性,根据模式动态切换) */
const themeVars = computed<ConfigProviderThemeVars>(() => {
const themeVars = computed<ProviderThemeVars>(() => {
const base = { colorTheme: currentThemeColor.value.primary };
if (theme.value === "dark") {
return { ...base, ...darkThemeVars } as ConfigProviderThemeVars;
return { ...base, ...darkThemeVars } as ProviderThemeVars;
}
return base as ConfigProviderThemeVars;
return base as ProviderThemeVars;
});
// ==========================================================================