natxocc/sigpro-ui
1
1
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Corrected Modal()

Browse Source
This commit is contained in:
Natxo
2026-05-06 13:48:52 +02:00
parent e7e3def5ed
commit 9353724131
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/sigpro-ui.js
View File

@@ -398,14 +398,14 @@ export const Menu = (p) => {
each(() => val(items) || [], render) each(() => val(items) || [], render)
) )
}; };
export const Modal = (p) => { export const Modal = (p, c) => {
let dialogRef = null; let dialogRef = null;
watch(() => { const isOpen = val(p.open); if (!dialogRef) return; isOpen ? dialogRef.showModal() : dialogRef.hide(); }); watch(() => { const isOpen = val(p.open); if (!dialogRef) return; isOpen ? dialogRef.showModal() : dialogRef.close(); });
const close = () => isFunc(p.open) && p.open(false); const close = () => isFunc(p.open) && p.open(false);
return h("dialog", { ...p, ref: el => dialogRef = el, class: cls('modal', p.class), onclose: close, oncancel: close }, [ return h("dialog", { ...p, ref: el => dialogRef = el, class: cls('modal', p.class), onclose: close, oncancel: close }, [
h("div", { class: "modal-box" }, [ h("div", { class: "modal-box" }, [
p.title && h("h3", { class: "text-lg font-bold" }, p.title), p.title && h("h3", { class: "text-lg font-bold" }, p.title),
p.children, c,
h("div", { class: "modal-action" }, [ h("div", { class: "modal-action" }, [
p.actions || Button({ class: 'btn', onclick: close }, 'Cerrar') p.actions || Button({ class: 'btn', onclick: close }, 'Cerrar')
]) ])