chore: 解决冲突

This commit is contained in:
pany 2022-10-21 18:05:23 +08:00
commit bbbcc44a0e

View File

@ -9,10 +9,8 @@ interface IThemeList {
/** 注册的主题名称, 其中 normal 是必填的 */
export type ThemeName = "normal" | "dark" | "dark-blue"
/** 主题 hook */
export function useTheme() {
/** 主题列表 */
const themeList: IThemeList[] = [
/** 主题列表 */
const themeList: IThemeList[] = [
{
title: "默认",
name: "normal"
@ -20,29 +18,28 @@ export function useTheme() {
{
title: "黑暗",
name: "dark"
},
{
title: "深蓝",
name: "dark-blue"
}
]
/** 正在应用的主题名称 */
const activeThemeName = ref<ThemeName>(getActiveThemeName() || "normal")
]
const initTheme = () => {
/** 正在应用的主题名称 */
const activeThemeName = ref<ThemeName>(getActiveThemeName() || "normal")
const initTheme = () => {
setHtmlClassName(activeThemeName.value)
}
}
const setTheme = (value: ThemeName) => {
const setTheme = (value: ThemeName) => {
activeThemeName.value = value
setHtmlClassName(activeThemeName.value)
setActiveThemeName(activeThemeName.value)
}
}
/** 在 html 根元素上挂载 class */
const setHtmlClassName = (value: ThemeName) => {
/** 在 html 根元素上挂载 class */
const setHtmlClassName = (value: ThemeName) => {
document.documentElement.className = value
}
}
/** 主题 hook */
export function useTheme() {
return { themeList, activeThemeName, initTheme, setTheme }
}