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

Automatic Two Way Binding un value

Browse Source
This commit is contained in:
natxocc
2026-03-26 15:34:32 +01:00
parent 617a5d32c6
commit 72ea1fbaab
1 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
sigpro/sigpro.js
View File

@@ -97,7 +97,7 @@
const callback = isExplicit ? fn : target; const callback = isExplicit ? fn : target;
const depsInput = isExplicit ? target : null; const depsInput = isExplicit ? target : null;
if (typeof callback !== "function") return () => {}; if (typeof callback !== "function") return () => { };
const owner = currentOwner; const owner = currentOwner;
const runner = () => { const runner = () => {
@@ -190,22 +190,25 @@
el._cleanups = new Set(); el._cleanups = new Set();
for (let [k, v] of Object.entries(props)) { for (let [k, v] of Object.entries(props)) {
if (k.startsWith("on")) { const isSignal = typeof v === "function";
const isInput = ["INPUT", "TEXTAREA", "SELECT"].includes(el.tagName);
const isBindAttr = (k === "value" || k === "checked");
if (isInput && isBindAttr && isSignal) {
el._cleanups.add($.watch(() => {
const val = v();
if (el[k] !== val) el[k] = val;
}));
const evt = k === "checked" ? "change" : "input";
const handler = (e) => v(e.target[k]);
el.addEventListener(evt, handler);
el._cleanups.add(() => el.removeEventListener(evt, handler));
} else if (k.startsWith("on")) {
const name = k.slice(2).toLowerCase().split(".")[0]; const name = k.slice(2).toLowerCase().split(".")[0];
const handler = (e) => v(e); const handler = (e) => v(e);
el.addEventListener(name, handler); el.addEventListener(name, handler);
el._cleanups.add(() => el.removeEventListener(name, handler)); el._cleanups.add(() => el.removeEventListener(name, handler));
} else if (k.startsWith("$")) { } else if (isSignal) {
const attr = k.slice(1);
el._cleanups.add($.watch(() => {
const val = typeof v === "function" ? v() : v;
if (el[attr] !== val) el[attr] = val;
}));
if (typeof v === "function") {
const evt = attr === "checked" ? "change" : "input";
el.addEventListener(evt, (e) => v(e.target[attr]));
}
} else if (typeof v === "function") {
el._cleanups.add($.watch(() => { el._cleanups.add($.watch(() => {
const val = v(); const val = v();
if (k === "class") el.className = val || ""; if (k === "class") el.className = val || "";