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

remove fadeout in fx()
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Natxo
2026-04-23 11:49:06 +02:00
parent a59d26f18a
commit de4b09324d
7 changed files with 17 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
dist/sigpro.esm.js vendored
View File

@@ -231,7 +231,7 @@ var watch = (sources, cb) => {
effect(); effect();
return () => dispose(effect); return () => dispose(effect);
}; };
var cleanupNode = (node, skipLeave = false) => { var cleanupNode = (node) => {
if (!node) if (!node)
return; return;
if (node._cleanups) { if (node._cleanups) {
@@ -240,15 +240,8 @@ var cleanupNode = (node, skipLeave = false) => {
} }
if (node._ownerEffect) if (node._ownerEffect)
dispose(node._ownerEffect); dispose(node._ownerEffect);
if (!skipLeave && node._sig_leave) {
return node._sig_leave(() => {
if (node.childNodes)
node.childNodes.forEach((n) => cleanupNode(n, true));
node.remove();
});
}
if (node.childNodes) if (node.childNodes)
node.childNodes.forEach((n) => cleanupNode(n, false)); node.childNodes.forEach((n) => cleanupNode(n));
}; };
var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i; var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i;
var isDangerousAttr = (key) => key === "src" || key === "href" || key.startsWith("on"); var isDangerousAttr = (key) => key === "src" || key === "href" || key.startsWith("on");
@@ -419,8 +412,7 @@ var render = (renderFn) => {
destroy: () => { destroy: () => {
cleanups.forEach((fn) => fn()); cleanups.forEach((fn) => fn());
cleanupNode(container); cleanupNode(container);
if (!container._sig_leave) container.remove();
container.remove();
} }
}; };
}; };
@@ -448,10 +440,6 @@ var fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => {
return el; return el;
if (name) { if (name) {
el.style.animation = `${name}-in ${duration}ms`; el.style.animation = `${name}-in ${duration}ms`;
el._sig_leave = (done) => {
el.style.animation = `${name}-out ${duration}ms`;
el.addEventListener("animationend", done, { once: true });
};
return el; return el;
} }
const hasTransform = scale || slide || rotate || blur; const hasTransform = scale || slide || rotate || blur;
@@ -473,18 +461,6 @@ var fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => {
if (blur) if (blur)
el.style.filter = "none"; el.style.filter = "none";
}); });
el._sig_leave = (done) => {
el.style.opacity = "0";
if (hasTransform)
el.style.transform = initialTransform;
if (blur)
el.style.filter = "blur(4px)";
const timer = setTimeout(done, duration + 20);
el.addEventListener("transitionend", () => {
clearTimeout(timer);
done();
}, { once: true });
};
return el; return el;
}; };
var each = (src, itemFn, keyFn) => { var each = (src, itemFn, keyFn) => {

2
dist/sigpro.esm.min.js vendored
View File

File diff suppressed because one or more lines are too long

30
dist/sigpro.js vendored
View File

@@ -286,7 +286,7 @@
effect(); effect();
return () => dispose(effect); return () => dispose(effect);
}; };
var cleanupNode = (node, skipLeave = false) => { var cleanupNode = (node) => {
if (!node) if (!node)
return; return;
if (node._cleanups) { if (node._cleanups) {
@@ -295,15 +295,8 @@
} }
if (node._ownerEffect) if (node._ownerEffect)
dispose(node._ownerEffect); dispose(node._ownerEffect);
if (!skipLeave && node._sig_leave) {
return node._sig_leave(() => {
if (node.childNodes)
node.childNodes.forEach((n) => cleanupNode(n, true));
node.remove();
});
}
if (node.childNodes) if (node.childNodes)
node.childNodes.forEach((n) => cleanupNode(n, false)); node.childNodes.forEach((n) => cleanupNode(n));
}; };
var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i; var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i;
var isDangerousAttr = (key) => key === "src" || key === "href" || key.startsWith("on"); var isDangerousAttr = (key) => key === "src" || key === "href" || key.startsWith("on");
@@ -474,8 +467,7 @@
destroy: () => { destroy: () => {
cleanups.forEach((fn) => fn()); cleanups.forEach((fn) => fn());
cleanupNode(container); cleanupNode(container);
if (!container._sig_leave) container.remove();
container.remove();
} }
}; };
}; };
@@ -503,10 +495,6 @@
return el; return el;
if (name) { if (name) {
el.style.animation = `${name}-in ${duration}ms`; el.style.animation = `${name}-in ${duration}ms`;
el._sig_leave = (done) => {
el.style.animation = `${name}-out ${duration}ms`;
el.addEventListener("animationend", done, { once: true });
};
return el; return el;
} }
const hasTransform = scale || slide || rotate || blur; const hasTransform = scale || slide || rotate || blur;
@@ -528,18 +516,6 @@
if (blur) if (blur)
el.style.filter = "none"; el.style.filter = "none";
}); });
el._sig_leave = (done) => {
el.style.opacity = "0";
if (hasTransform)
el.style.transform = initialTransform;
if (blur)
el.style.filter = "blur(4px)";
const timer = setTimeout(done, duration + 20);
el.addEventListener("transitionend", () => {
clearTimeout(timer);
done();
}, { once: true });
};
return el; return el;
}; };
var each = (src, itemFn, keyFn) => { var each = (src, itemFn, keyFn) => {

2
dist/sigpro.min.js vendored
View File

File diff suppressed because one or more lines are too long

30
docs/sigpro.js
View File

@@ -286,7 +286,7 @@
effect(); effect();
return () => dispose(effect); return () => dispose(effect);
}; };
var cleanupNode = (node, skipLeave = false) => { var cleanupNode = (node) => {
if (!node) if (!node)
return; return;
if (node._cleanups) { if (node._cleanups) {
@@ -295,15 +295,8 @@
} }
if (node._ownerEffect) if (node._ownerEffect)
dispose(node._ownerEffect); dispose(node._ownerEffect);
if (!skipLeave && node._sig_leave) {
return node._sig_leave(() => {
if (node.childNodes)
node.childNodes.forEach((n) => cleanupNode(n, true));
node.remove();
});
}
if (node.childNodes) if (node.childNodes)
node.childNodes.forEach((n) => cleanupNode(n, false)); node.childNodes.forEach((n) => cleanupNode(n));
}; };
var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i; var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i;
var isDangerousAttr = (key) => key === "src" || key === "href" || key.startsWith("on"); var isDangerousAttr = (key) => key === "src" || key === "href" || key.startsWith("on");
@@ -474,8 +467,7 @@
destroy: () => { destroy: () => {
cleanups.forEach((fn) => fn()); cleanups.forEach((fn) => fn());
cleanupNode(container); cleanupNode(container);
if (!container._sig_leave) container.remove();
container.remove();
} }
}; };
}; };
@@ -503,10 +495,6 @@
return el; return el;
if (name) { if (name) {
el.style.animation = `${name}-in ${duration}ms`; el.style.animation = `${name}-in ${duration}ms`;
el._sig_leave = (done) => {
el.style.animation = `${name}-out ${duration}ms`;
el.addEventListener("animationend", done, { once: true });
};
return el; return el;
} }
const hasTransform = scale || slide || rotate || blur; const hasTransform = scale || slide || rotate || blur;
@@ -528,18 +516,6 @@
if (blur) if (blur)
el.style.filter = "none"; el.style.filter = "none";
}); });
el._sig_leave = (done) => {
el.style.opacity = "0";
if (hasTransform)
el.style.transform = initialTransform;
if (blur)
el.style.filter = "blur(4px)";
const timer = setTimeout(done, duration + 20);
el.addEventListener("transitionend", () => {
clearTimeout(timer);
done();
}, { once: true });
};
return el; return el;
}; };
var each = (src, itemFn, keyFn) => { var each = (src, itemFn, keyFn) => {

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "sigpro", "name": "sigpro",
"version": "1.2.17", "version": "1.2.18",
"type": "module", "type": "module",
"license": "MIT", "license": "MIT",
"main": "./dist/sigpro.esm.min.js", "main": "./dist/sigpro.esm.min.js",

33
sigpro.js
View File

@@ -1,4 +1,4 @@
// sigpro 1.2.17 // sigpro 1.2.18
const isFunc = f => typeof f === "function" const isFunc = f => typeof f === "function"
const isObj = o => o && typeof o === "object" const isObj = o => o && typeof o === "object"
const isArr = Array.isArray const isArr = Array.isArray
@@ -164,7 +164,6 @@ const $ = (val, key = null) => {
const $$ = (target) => { const $$ = (target) => {
if (!isObj(target)) return target if (!isObj(target)) return target
const cached = proxyCache.get(target) const cached = proxyCache.get(target)
if (cached) return cached if (cached) return cached
@@ -222,20 +221,14 @@ const watch = (sources, cb) => {
return () => dispose(effect) return () => dispose(effect)
} }
const cleanupNode = (node, skipLeave = false) => { const cleanupNode = (node) => {
if (!node) return; if (!node) return;
if (node._cleanups) { if (node._cleanups) {
node._cleanups.forEach(fn => fn()); node._cleanups.forEach(fn => fn());
node._cleanups.clear(); node._cleanups.clear();
} }
if (node._ownerEffect) dispose(node._ownerEffect); if (node._ownerEffect) dispose(node._ownerEffect);
if (!skipLeave && node._sig_leave) { if (node.childNodes) node.childNodes.forEach(n => cleanupNode(n));
return node._sig_leave(() => {
if (node.childNodes) node.childNodes.forEach(n => cleanupNode(n, true));
node.remove();
});
}
if (node.childNodes) node.childNodes.forEach(n => cleanupNode(n, false));
}; };
const DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i const DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i
@@ -405,7 +398,7 @@ const render = renderFn => {
destroy: () => { destroy: () => {
cleanups.forEach(fn => fn()) cleanups.forEach(fn => fn())
cleanupNode(container) cleanupNode(container)
if (!container._sig_leave) container.remove() container.remove()
} }
} }
} }
@@ -435,16 +428,12 @@ const when = (cond, SIP, NOP = null) => {
return root return root
} }
var fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => { const fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => {
const el = typeof child === "function" ? child() : child; const el = typeof child === "function" ? child() : child;
if (!(el instanceof Node)) return el; if (!(el instanceof Node)) return el;
if (name) { if (name) {
el.style.animation = `${name}-in ${duration}ms`; el.style.animation = `${name}-in ${duration}ms`;
el._sig_leave = (done) => {
el.style.animation = `${name}-out ${duration}ms`;
el.addEventListener("animationend", done, { once: true });
};
return el; return el;
} }
@@ -466,18 +455,6 @@ var fx = ({ name, duration = 200, scale, slide, rotate, blur }, child) => {
if (blur) el.style.filter = "none"; if (blur) el.style.filter = "none";
}); });
el._sig_leave = (done) => {
el.style.opacity = "0";
if (hasTransform) el.style.transform = initialTransform;
if (blur) el.style.filter = "blur(4px)";
const timer = setTimeout(done, duration + 20);
el.addEventListener("transitionend", () => {
clearTimeout(timer);
done();
}, { once: true });
};
return el; return el;
}; };