blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(ConfigProvider): should remove theme class on unmount (#10898)

Browse Source
This commit is contained in:
neverland 2022-08-10 08:31:46 +08:00 committed by GitHub
parent 6a1516ca37
commit f61b00175e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/vant/src/config-provider/ConfigProvider.tsx
View File

@ -2,6 +2,9 @@ import {
watch, watch,
provide, provide,
computed, computed,
onActivated,
onDeactivated,
onBeforeUnmount,
defineComponent, defineComponent,
type PropType, type PropType,
type InjectionKey, type InjectionKey,
@ -57,14 +60,27 @@ export default defineComponent({
}); });
if (inBrowser) { if (inBrowser) {
const addTheme = () => {
document.body.classList.add(`van-theme-${props.theme}`);
};
const removeTheme = (theme = props.theme) => {
document.body.classList.remove(`van-theme-${theme}`);
};
watch( watch(
() => props.theme, () => props.theme,
(newVal, oldVal) => { (newVal, oldVal) => {
document.body.classList.remove(`van-theme-${oldVal}`); if (oldVal) {
document.body.classList.add(`van-theme-${newVal}`); removeTheme(oldVal);
}
addTheme();
}, },
{ immediate: true } { immediate: true }
); );
onActivated(addTheme);
onDeactivated(removeTheme);
onBeforeUnmount(removeTheme);
} }
provide(CONFIG_PROVIDER_KEY, props); provide(CONFIG_PROVIDER_KEY, props);