Add onLoad option to useStyle

pull/5507/head
mertsincan 2024-03-30 23:49:34 +00:00
parent 3541f7af25
commit d0d0a38598
2 changed files with 4 additions and 2 deletions

View File

@ -7,6 +7,6 @@ const classes = {
}; };
export default BaseStyle.extend({ export default BaseStyle.extend({
name: 'tooltip', name: 'tooltip-directive',
classes classes
}); });

View File

@ -19,7 +19,7 @@ export function useStyle(css, options = {}) {
const styleRef = ref(null); const styleRef = ref(null);
const defaultDocument = DomHandler.isClient() ? window.document : undefined; 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, props = {} } = options; const { document = defaultDocument, immediate = true, manual = false, name = `style_${++_id}`, id = undefined, media = undefined, nonce = undefined, first = false, onLoad = undefined, props = {} } = options;
let stop = () => {}; let stop = () => {};
@ -44,6 +44,7 @@ export function useStyle(css, options = {}) {
first ? document.head.prepend(styleRef.value) : document.head.appendChild(styleRef.value); 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); DomHandler.setAttributes(styleRef.value, _styleProps);
styleRef.value.onload = onLoad;
} }
if (isLoaded.value) return; if (isLoaded.value) return;
@ -74,6 +75,7 @@ export function useStyle(css, options = {}) {
return { return {
id, id,
name, name,
el: styleRef,
css: cssRef, css: cssRef,
unload, unload,
load, load,