blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +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,
provide,
computed,
onActivated,
onDeactivated,
onBeforeUnmount,
defineComponent,
type PropType,
type InjectionKey,
@ -57,14 +60,27 @@ export default defineComponent({
});
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(
() => props.theme,
(newVal, oldVal) => {
document.body.classList.remove(`van-theme-${oldVal}`);
document.body.classList.add(`van-theme-${newVal}`);
if (oldVal) {
removeTheme(oldVal);
}
addTheme();
},
{ immediate: true }
);
onActivated(addTheme);
onDeactivated(removeTheme);
onBeforeUnmount(removeTheme);
}
provide(CONFIG_PROVIDER_KEY, props);