test/escrcpy
1
0
Fork 0
mirror of https://gitee.com/viarotel-org/escrcpy.git synced 2024-11-30 02:08:59 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: 🎨 修复 macOS 设置主题跟随系统后 某些情况下循环触发导致死循环的问题

Browse Source
This commit is contained in:
viarotel 2023-10-31 17:33:54 +08:00
parent d948c5837e
commit 1d7b188885
1 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/store/theme/index.js
View File

@ -12,8 +12,10 @@ const systemTheme = (key, value) => {
export const useThemeStore = defineStore({
id: 'app-theme',
state() {
const themeValue = window.appStore.get('common.theme') || 'system'
return {
value: window.appStore.get('common.theme') || 'system',
value: themeValue,
isDark: false,
}
},
actions: {
@ -23,11 +25,14 @@ export const useThemeStore = defineStore({
this.update(this.value)
},
update(value) {
async update(value) {
this.value = value
systemTheme('update', value)
this.updateHtml(value)
return true
this.isDark = await systemTheme('isDark')
await systemTheme('update', value)
await this.updateHtml(value)
},
async updateHtml(value) {
@ -42,8 +47,7 @@ export const useThemeStore = defineStore({
}
if (value === 'system') {
const isDark = await systemTheme('isDark')
updateClass(isDark ? 'dark' : 'light')
updateClass(this.isDark ? 'dark' : 'light')
return
}
@ -53,10 +57,18 @@ export const useThemeStore = defineStore({
})
/** 监听系统主题色变化 */
systemTheme('change', ({ value }) => {
console.log('systemTheme.change.value', value)
const themeStore = useThemeStore()
if (value === 'system') {
themeStore.update(value)
systemTheme('change', async ({ isDark, value }) => {
if (value !== 'system') {
return
}
const themeStore = useThemeStore()
if (themeStore.isDark === isDark) {
return
}
console.log('systemTheme.change.isDark', isDark)
themeStore.update(value)
})