vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Prevent unnecessary switch

pull/4649/head
Cagatay Civici 2023-10-18 01:00:08 +03:00
parent 032a6a8355
commit 9e13aaf342
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app.vue
View File

@ -22,13 +22,11 @@ export default {
}, },
mounted() { mounted() {
this.themeChangeListener = (event) => { this.themeChangeListener = (event) => {
if (event.theme !== this.$appState.theme) { this.$primevue.changeTheme(this.$appState.theme, event.theme, 'theme-link', () => {
this.$primevue.changeTheme(this.$appState.theme, event.theme, 'theme-link', () => { this.$appState.theme = event.theme;
this.$appState.theme = event.theme; this.$appState.darkTheme = event.dark;
this.$appState.darkTheme = event.dark; EventBus.emit('theme-change-complete', { theme: event.theme, dark: event.dark });
EventBus.emit('theme-change-complete', { theme: event.theme, dark: event.dark }); });
});
}
}; };
EventBus.on('theme-change', this.themeChangeListener); EventBus.on('theme-change', this.themeChangeListener);

28
components/lib/config/PrimeVue.js
View File

@ -157,21 +157,23 @@ export function usePrimeVue() {
} }
function switchTheme(currentTheme, newTheme, linkElementId, callback) { function switchTheme(currentTheme, newTheme, linkElementId, callback) {
const linkElement = document.getElementById(linkElementId); if (currentTheme !== newTheme) {
const cloneLinkElement = linkElement.cloneNode(true); const linkElement = document.getElementById(linkElementId);
const newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme); const cloneLinkElement = linkElement.cloneNode(true);
const newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);
cloneLinkElement.setAttribute('id', linkElementId + '-clone'); cloneLinkElement.setAttribute('id', linkElementId + '-clone');
cloneLinkElement.setAttribute('href', newThemeUrl); cloneLinkElement.setAttribute('href', newThemeUrl);
cloneLinkElement.addEventListener('load', () => { cloneLinkElement.addEventListener('load', () => {
linkElement.remove(); linkElement.remove();
cloneLinkElement.setAttribute('id', linkElementId); cloneLinkElement.setAttribute('id', linkElementId);
if (callback) { if (callback) {
callback(); callback();
} }
}); });
linkElement.parentNode && linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling); linkElement.parentNode && linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling);
}
} }
export default { export default {