vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Theming API: Added theme:load and theme:[data-primevue-style-id]:load emits to ThemeService

Browse source
This commit is contained in:
mertsincan 2024-04-16 11:15:21 +01:00
parent 7055387be4
commit 9303e9c3ab
3 changed files with 36 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

21
components/lib/usestyle/UseStyle.js
View file

@ -19,7 +19,20 @@ export function useStyle(css, options = {}) {
const styleRef = ref(null);
const defaultDocument = DomHandler.isClient() ? window.document : undefined;
const { document = defaultDocument, immediate = true, manual = false, name = `style_${++_id}`, id = undefined, media = undefined, nonce = undefined, first = false, onLoad = undefined, props = {} } = options;
const {
document = defaultDocument,
immediate = true,
manual = false,
name = `style_${++_id}`,
id = undefined,
media = undefined,
nonce = undefined,
first = false,
onMounted: onStyleMounted = undefined,
onUpdated: onStyleUpdated = undefined,
onLoad: onStyleLoaded = undefined,
props = {}
} = options;
let stop = () => {};
@ -42,9 +55,10 @@ export function useStyle(css, options = {}) {
nonce: _nonce
});
first ? document.head.prepend(styleRef.value) : document.head.appendChild(styleRef.value);
DomHandler.setAttribute(styleRef.value, 'data-primevue-style-id', name);
DomHandler.setAttribute(styleRef.value, 'data-primevue-style-id', _name);
DomHandler.setAttributes(styleRef.value, _styleProps);
styleRef.value.onload = onLoad;
styleRef.value.onload = (event) => onStyleLoaded?.(event, { name: _name });
onStyleMounted?.(_name);
}
if (isLoaded.value) return;
@ -53,6 +67,7 @@ export function useStyle(css, options = {}) {
cssRef,
(value) => {
styleRef.value.textContent = value;
onStyleUpdated?.(_name);
},
{ immediate: true }
);