@unicom-cloud/utils 0.1.42 → 0.1.44

package/snapdom/src/core/clone.js

@@ -0,0 +1,266 @@
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
+import { isFirefox as e } from "../utils/browser.js";
+import { NO_CAPTURE_TAGS as t } from "../utils/css.js";
+import { debugWarn as n } from "../utils/debug.js";
+import "../utils/index.js";
+import { inlineAllStyles as r } from "../modules/styles.js";
+import { buildSeedCustomPropsRule as i, collectCustomPropsFromCSS as a, createCheckboxRadioReplacement as o, extractShadowCSS as s, freezeImgSrcset as c, getUnscaledDimensions as l, idleCallback as u, injectScopedStyle as d, markSlottedSubtree as f, nextShadowScopeId as p, rasterizeIframe as m, rewriteShadowCSS as h } from "../utils/clone.helpers.js";
+import { isInSvgTemplate as g, resolveCSSVars as _ } from "../modules/CSSVar.js";
+//#region utils/snapdom/src/core/clone.js
+async function v(y, b, x) {
+	if (!y) throw Error("Invalid node");
+	let S = /* @__PURE__ */ new Set(), C = null, w = null;
+	if (y.nodeType === Node.ELEMENT_NODE) {
+		let e = (y.localName || y.tagName || "").toLowerCase();
+		if (y.id === "snapdom-sandbox" || y.hasAttribute("data-snapdom-sandbox") || t.has(e)) return null;
+		if (e === "foreignobject" && y.parentElement?.closest?.("foreignObject")) return n(b, "Nested <foreignObject> skipped (SVG spec limitation — not rendered by browsers)"), null;
+	}
+	if (y.nodeType === Node.TEXT_NODE || y.nodeType !== Node.ELEMENT_NODE) return y.cloneNode(!0);
+	if (y.getAttribute("data-capture") === "exclude") {
+		if (x.excludeMode === "hide") {
+			let e = document.createElement("div"), { width: t, height: n } = l(y), r = t || y.getBoundingClientRect().width || 0, i = n || y.getBoundingClientRect().height || 0;
+			return e.style.cssText = `display:inline-block;width:${r}px;height:${i}px;visibility:hidden;`, e;
+		} else if (x.excludeMode === "remove") return null;
+	}
+	if (x.exclude && Array.isArray(x.exclude)) for (let e of x.exclude) try {
+		if (y.matches?.(e)) {
+			if (x.excludeMode === "hide") {
+				let e = document.createElement("div"), { width: t, height: n } = l(y), r = t || y.getBoundingClientRect().width || 0, i = n || y.getBoundingClientRect().height || 0;
+				return e.style.cssText = `display:inline-block;width:${r}px;height:${i}px;visibility:hidden;`, e;
+			} else if (x.excludeMode === "remove") return null;
+		}
+	} catch (t) {
+		console.warn(`Invalid selector in exclude option: ${e}`, t);
+	}
+	if (typeof x.filter == "function") try {
+		if (!x.filter(y)) {
+			if (x.filterMode === "hide") {
+				let e = document.createElement("div"), { width: t, height: n } = l(y), r = t || y.getBoundingClientRect().width || 0, i = n || y.getBoundingClientRect().height || 0;
+				return e.style.cssText = `display:inline-block;width:${r}px;height:${i}px;visibility:hidden;`, e;
+			} else if (x.filterMode === "remove") return null;
+		}
+	} catch (e) {
+		console.warn("Error in filter function:", e);
+	}
+	if (y.tagName === "IFRAME") {
+		let e = !1;
+		try {
+			e = !!(y.contentDocument || y.contentWindow?.document);
+		} catch (e) {
+			n(b, "iframe same-origin probe failed", e);
+		}
+		if (e) try {
+			return await m(y, b, x);
+		} catch (e) {
+			console.warn("[SnapDOM] iframe rasterization failed, fallback:", e);
+		}
+		if (e || console.warn("[snapdom] cross-origin <iframe> skipped (cannot access content). Use options.placeholders to show a placeholder instead.", y), x.placeholders) {
+			let { width: e, height: t } = l(y), n = document.createElement("div");
+			return n.style.cssText = `width:${e}px;height:${t}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`, r(y, n, b, x), n;
+		} else {
+			let { width: e, height: t } = l(y), n = document.createElement("div");
+			return n.style.cssText = `display:inline-block;width:${e}px;height:${t}px;visibility:hidden;`, r(y, n, b, x), n;
+		}
+	}
+	if (y.getAttribute("data-capture") === "placeholder") {
+		let e = y.cloneNode(!1);
+		b.nodeMap.set(e, y), r(y, e, b, x);
+		let t = document.createElement("div");
+		return t.textContent = y.getAttribute("data-placeholder-text") || "", t.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", e.appendChild(t), e;
+	}
+	if (y.tagName === "CANVAS") {
+		let e = "";
+		try {
+			let t = y.getContext("2d", { willReadFrequently: !0 });
+			try {
+				t && t.getImageData(0, 0, 1, 1);
+			} catch {}
+			if (await new Promise((e) => requestAnimationFrame(e)), e = y.toDataURL("image/png"), !e || e === "data:,") {
+				try {
+					t && t.getImageData(0, 0, 1, 1);
+				} catch {}
+				if (await new Promise((e) => requestAnimationFrame(e)), e = y.toDataURL("image/png"), !e || e === "data:,") {
+					let t = document.createElement("canvas");
+					t.width = y.width, t.height = y.height;
+					let n = t.getContext("2d");
+					n && (n.drawImage(y, 0, 0), e = t.toDataURL("image/png"));
+				}
+			}
+		} catch (e) {
+			n(b, "Canvas toDataURL failed, using empty/fallback", e);
+		}
+		let t = document.createElement("img");
+		try {
+			t.decoding = "sync", t.loading = "eager";
+		} catch (e) {
+			n(b, "img decoding/loading hints failed", e);
+		}
+		e && (t.src = e), t.width = y.width, t.height = y.height;
+		let { width: i, height: a } = l(y);
+		return i > 0 && (t.style.width = `${i}px`), a > 0 && (t.style.height = `${a}px`), b.nodeMap.set(t, y), r(y, t, b, x), t;
+	}
+	if (y.tagName === "VIDEO") {
+		let e = "";
+		try {
+			let t = document.createElement("canvas");
+			t.width = y.videoWidth || y.offsetWidth || 320, t.height = y.videoHeight || y.offsetHeight || 240;
+			let n = t.getContext("2d");
+			n && (n.drawImage(y, 0, 0, t.width, t.height), e = t.toDataURL("image/png"), (!e || e === "data:,") && (e = ""));
+		} catch (e) {
+			n(b, "Video frame capture failed, using poster fallback", e);
+		}
+		let t = document.createElement("img");
+		try {
+			t.decoding = "sync", t.loading = "eager";
+		} catch {}
+		e ? t.src = e : y.poster && (t.src = y.poster), t.width = y.videoWidth || y.offsetWidth || 0, t.height = y.videoHeight || y.offsetHeight || 0;
+		let { width: i, height: a } = l(y);
+		return i > 0 && (t.style.width = `${i}px`), a > 0 && (t.style.height = `${a}px`), t.style.objectFit = "contain", b.nodeMap.set(t, y), r(y, t, b, x), t;
+	}
+	let T;
+	try {
+		if (T = y.cloneNode(!1), T.attributes?.length) try {
+			for (let e of T.attributes) /[\x00-\x08\x0B\x0C\x0E-\x1F\uFFFE\uFFFF]/.test(e.value) && T.setAttribute(e.name, e.value.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\uFFFE\uFFFF]/g, ""));
+		} catch {}
+		if (_(y, T), b.nodeMap.set(T, y), y.tagName === "IMG") {
+			c(y, T);
+			try {
+				let { width: e, height: t } = l(y), n = Math.round(e || 0), r = Math.round(t || 0);
+				n && (T.dataset.snapdomWidth = String(n)), r && (T.dataset.snapdomHeight = String(r));
+			} catch (e) {
+				n(b, "getUnscaledDimensions for IMG failed", e);
+			}
+			try {
+				let e = y.getAttribute("style") || "", t = window.getComputedStyle(y), n = (n) => {
+					let r = e.match(RegExp(`${n}\\s*:\\s*([^;]+)`, "i")), i = r ? r[1].trim() : t.getPropertyValue(n);
+					return /%|auto/i.test(String(i || ""));
+				}, r = parseInt(T.dataset.snapdomWidth || "0", 10), i = parseInt(T.dataset.snapdomHeight || "0", 10), a = n("width") || !r, o = n("height") || !i;
+				a && r && (T.style.width = `${r}px`), o && i && (T.style.height = `${i}px`);
+				let s = t.getPropertyValue("object-fit"), c = t.getPropertyValue("object-position");
+				s && s !== "fill" ? (T.style.objectFit = s, c && (T.style.objectPosition = c)) : (r && (T.style.minWidth = `${r}px`), i && (T.style.minHeight = `${i}px`));
+			} catch (e) {
+				n(b, "IMG dimension freeze failed", e);
+			}
+		}
+	} catch (e) {
+		throw console.error("[Snapdom] Failed to clone node:", y, e), e;
+	}
+	let E = null;
+	if (y instanceof HTMLTextAreaElement) {
+		let { width: e, height: t } = l(y), n = e || y.getBoundingClientRect().width || 0, r = t || y.getBoundingClientRect().height || 0;
+		n && (T.style.width = `${n}px`), r && (T.style.height = `${r}px`);
+	}
+	if (y instanceof HTMLInputElement) {
+		let t = (y.type || "text").toLowerCase();
+		if ((t === "checkbox" || t === "radio") && e()) {
+			let { el: e, applyVisual: t } = o(y);
+			b.nodeMap.set(e, y), E = t, T = e;
+		} else T.value = y.value, T.setAttribute("value", y.value), y.checked !== void 0 && (T.checked = y.checked, y.checked && T.setAttribute("checked", ""), y.indeterminate && (T.indeterminate = y.indeterminate));
+	}
+	if ((y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement) && !y.value && y.placeholder) try {
+		let e = window.getComputedStyle(y, "::placeholder"), t = e && e.color;
+		if (t && t !== "rgba(0, 0, 0, 0)") {
+			let n = "snapdom-ph-" + (Math.random() * 1e6 | 0);
+			T.classList.add(n);
+			let r = document.createElement("style");
+			r.textContent = `.${n}::placeholder{color:${t}!important;opacity:${e.opacity || "1"}!important;}`, T.prepend(r);
+		}
+	} catch {}
+	if (y instanceof HTMLSelectElement && (C = y.value), y instanceof HTMLTextAreaElement && (w = y.value), y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y instanceof HTMLSelectElement) {
+		y.disabled && T.setAttribute("disabled", ""), y.required && T.setAttribute("required", ""), y.readOnly && T.setAttribute("readonly", "");
+		let e = y;
+		e.min !== void 0 && e.min !== "" && T.setAttribute("min", e.min), e.max !== void 0 && e.max !== "" && T.setAttribute("max", e.max), e.pattern !== void 0 && e.pattern !== "" && T.setAttribute("pattern", e.pattern);
+		let t = y.getAttribute("aria-invalid");
+		t !== null && T.setAttribute("aria-invalid", t);
+	}
+	if (g(y) || r(y, T, b, x), E && E(), y instanceof SVGElement && !g(y)) {
+		let e = [
+			"fill",
+			"stroke",
+			"stroke-width",
+			"stroke-dasharray",
+			"stroke-dashoffset",
+			"stroke-linecap",
+			"stroke-linejoin",
+			"stroke-miterlimit",
+			"opacity",
+			"fill-opacity",
+			"stroke-opacity",
+			"fill-rule",
+			"clip-rule",
+			"marker",
+			"marker-start",
+			"marker-mid",
+			"marker-end",
+			"visibility",
+			"display"
+		];
+		try {
+			let t = window.getComputedStyle(y);
+			for (let n of e) {
+				let e = t.getPropertyValue(n);
+				e && T.style.setProperty(n, e);
+			}
+		} catch {}
+	}
+	if (y.shadowRoot) {
+		try {
+			let e = y.shadowRoot.querySelectorAll("slot");
+			for (let t of e) {
+				let e = [];
+				try {
+					e = t.assignedNodes?.({ flatten: !0 }) || t.assignedNodes?.() || [];
+				} catch {
+					e = t.assignedNodes?.() || [];
+				}
+				for (let t of e) S.add(t);
+			}
+		} catch {}
+		let e = p(b), t = `[data-sd="${e}"]`;
+		try {
+			T.setAttribute("data-sd", e);
+		} catch {}
+		let n = s(y.shadowRoot), r = h(n, t), o = i(y, a(n), t);
+		d(T, o + r, e);
+		let c = document.createDocumentFragment();
+		function l(e, t) {
+			if (e.nodeType === Node.ELEMENT_NODE && e.tagName === "STYLE") return t(null);
+			v(e, b, x).then((e) => {
+				t(e || null);
+			}).catch(() => {
+				t(null);
+			});
+		}
+		let f = await u(Array.from(y.shadowRoot.childNodes), l, x.fast);
+		c.append(...f.filter((e) => !!e)), T.appendChild(c);
+	}
+	if (y.tagName === "SLOT") {
+		let e = y.assignedNodes?.({ flatten: !0 }) || [], t = e.length > 0 ? e : Array.from(y.childNodes), n = document.createDocumentFragment();
+		function r(e, t) {
+			v(e, b, x).then((e) => {
+				e && f(e), t(e || null);
+			}).catch(() => {
+				t(null);
+			});
+		}
+		let i = await u(Array.from(t), r, x.fast);
+		return n.append(...i.filter((e) => !!e)), n;
+	}
+	function D(e, t) {
+		if (S.has(e)) return t(null);
+		v(e, b, x).then((e) => {
+			t(e || null);
+		}).catch(() => {
+			t(null);
+		});
+	}
+	let O = await u(Array.from(y.childNodes), D, x.fast);
+	if (T.append(...O.filter((e) => !!e)), C !== null && T instanceof HTMLSelectElement) {
+		T.value = C;
+		for (let e of T.options) e.value === C ? e.setAttribute("selected", "") : e.removeAttribute("selected");
+	}
+	return w !== null && T instanceof HTMLTextAreaElement && (T.textContent = w), T;
+}
+//#endregion
+export { v as deepClone };
+/* 独立思考，明辨是非 */

package/snapdom/{core → src/core}/context.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { normalizeCachePolicy as e } from "./cache.js";
-//#region utils/snapdom/core/context.js
+//#region utils/snapdom/src/core/context.js
 function t(t = {}) {
 	let n = t.format ?? "png";
 	n === "jpg" && (n = "jpeg");

package/snapdom/{core → src/core}/plugins.js

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
-//#region utils/snapdom/core/plugins.js
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
+//#region utils/snapdom/src/core/plugins.js
 var e = [];
 function t(e) {
 	if (!e) return null;

package/snapdom/{core → src/core}/prepare.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { cache as e } from "./cache.js";
 import { generateCSSClasses as t, getStyle as n } from "../utils/css.js";
 import { debugWarn as r } from "../utils/debug.js";
@@ -10,7 +10,7 @@ import { inlineExternalDefsAndSymbols as s } from "../modules/svgDefs.js";
 import { resolveBlobUrlsInTree as c } from "../utils/clone.helpers.js";
 import { forceContentVisibility as l, stabilizeLayout as u } from "../utils/prepare.helpers.js";
 import { deepClone as d } from "./clone.js";
-//#region utils/snapdom/core/prepare.js
+//#region utils/snapdom/src/core/prepare.js
 async function f(f, p = {}) {
 	let m = {
 		styleMap: e.session.styleMap,

package/snapdom/{exporters → src/exporters}/download.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { isIOS as e } from "../utils/browser.js";
 import { toCanvas as t } from "./toCanvas.js";
 import { toBlob as n } from "./toBlob.js";
-//#region utils/snapdom/exporters/download.js
+//#region utils/snapdom/src/exporters/download.js
 async function r(e, t) {
 	let n = new File([e], t, { type: e.type });
 	if (!navigator.canShare?.({ files: [n] })) return !1;

package/snapdom/{exporters → src/exporters}/toBlob.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { toCanvas as e } from "./toCanvas.js";
-//#region utils/snapdom/exporters/toBlob.js
+//#region utils/snapdom/src/exporters/toBlob.js
 async function t(t, n) {
 	let r = n.type;
 	if (r === "svg") {

package/snapdom/{exporters → src/exporters}/toCanvas.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { isSafari as e } from "../utils/browser.js";
-//#region utils/snapdom/exporters/toCanvas.js
+//#region utils/snapdom/src/exporters/toCanvas.js
 function t(e) {
 	return typeof e == "string" && /^data:image\/svg\+xml/i.test(e);
 }
@@ -63,25 +63,34 @@ function l(i) {
 		return i;
 	}
 }
-async function u(e, t) {
-	let { width: n, height: r, scale: i = 1, dpr: a = 1, meta: o = {}, backgroundColor: s } = t;
-	e = l(e);
-	let c = new Image();
-	c.loading = "eager", c.decoding = "sync", c.crossOrigin = "anonymous", c.src = e, await c.decode();
-	let u = c.naturalWidth, d = c.naturalHeight, f = Number.isFinite(o.w0) ? o.w0 : u, p = Number.isFinite(o.h0) ? o.h0 : d, m, h, g = Number.isFinite(n), _ = Number.isFinite(r);
-	if (g && _) m = Math.max(1, n), h = Math.max(1, r);
-	else if (g) {
-		let e = n / Math.max(1, f);
-		m = n, h = p * e;
-	} else if (_) {
+async function u(t, n) {
+	let { width: r, height: i, scale: a = 1, dpr: o = 1, meta: s = {}, backgroundColor: c } = n;
+	t = l(t);
+	let u = new Image();
+	if (u.loading = "eager", u.decoding = "sync", u.crossOrigin = "anonymous", u.src = t, await u.decode(), e()) {
+		u.style.cssText = "position:fixed;left:-99999px;top:-99999px;pointer-events:none", document.body.appendChild(u);
+		try {
+			await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+		} finally {
+			try {
+				u.remove();
+			} catch {}
+		}
+	}
+	let d = u.naturalWidth, f = u.naturalHeight, p = Number.isFinite(s.w0) ? s.w0 : d, m = Number.isFinite(s.h0) ? s.h0 : f, h, g, _ = Number.isFinite(r), v = Number.isFinite(i);
+	if (_ && v) h = Math.max(1, r), g = Math.max(1, i);
+	else if (_) {
 		let e = r / Math.max(1, p);
-		h = r, m = f * e;
-	} else m = u, h = d;
-	m *= i, h *= i;
-	let v = document.createElement("canvas");
-	v.width = m * a, v.height = h * a, v.style.width = `${m}px`, v.style.height = `${h}px`;
-	let y = v.getContext("2d");
-	return a !== 1 && y.scale(a, a), s && (y.save(), y.fillStyle = s, y.fillRect(0, 0, m, h), y.restore()), y.drawImage(c, 0, 0, m, h), v;
+		h = r, g = m * e;
+	} else if (v) {
+		let e = i / Math.max(1, m);
+		g = i, h = p * e;
+	} else h = d, g = f;
+	h *= a, g *= a;
+	let y = document.createElement("canvas");
+	y.width = h * o, y.height = g * o, y.style.width = `${h}px`, y.style.height = `${g}px`;
+	let b = y.getContext("2d");
+	return o !== 1 && b.scale(o, o), c && (b.save(), b.fillStyle = c, b.fillRect(0, 0, h, g), b.restore()), b.drawImage(u, 0, 0, h, g), y;
 }
 //#endregion
 export { u as toCanvas };

package/snapdom/{exporters → src/exporters}/toImg.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { isSafari as e } from "../utils/browser.js";
 import { debugWarn as t } from "../utils/debug.js";
 import "../utils/index.js";
 import { rasterize as n } from "../modules/rasterize.js";
-//#region utils/snapdom/exporters/toImg.js
+//#region utils/snapdom/src/exporters/toImg.js
 async function r(r, i) {
 	let { scale: a = 1, width: o, height: s, meta: c = {} } = i, l = Number.isFinite(o), u = Number.isFinite(s), d = Number.isFinite(a) && a !== 1 || l || u;
 	if (e() && d) return await n(r, {

package/snapdom/src/index.browser.d.ts

@@ -0,0 +1 @@
+export {};

package/snapdom/src/index.browser.js

@@ -0,0 +1,7 @@
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
+import { preCache as e } from "./api/preCache.js";
+import t from "./api/snapdom.js";
+//#region utils/snapdom/src/index.browser.js
+typeof window < "u" && (window.snapdom = t, window.preCache = e);
+//#endregion
+/* 独立思考，明辨是非 */

package/snapdom/src/index.d.ts

@@ -0,0 +1,2 @@
+export { preCache } from "./api/preCache.js";
+export { snapdom } from "./api/snapdom.js";

package/snapdom/src/index.js

@@ -0,0 +1,4 @@
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
+import "./api/preCache.js";
+import "./api/snapdom.js";
+/* 独立思考，明辨是非 */

package/snapdom/{modules → src/modules}/CSSVar.d.ts

@@ -1,3 +1,4 @@
+export function isInSvgTemplate(el: any): boolean;
 /**
  * General: resuelve var() en estilos inline/atributos. Además, si no hay var()
  * pero el valor computado de KEY_PROPS difiere del baseline, inlina ese valor.

package/snapdom/src/modules/CSSVar.js

@@ -0,0 +1,101 @@
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
+//#region utils/snapdom/src/modules/CSSVar.js
+var e = [
+	"fill",
+	"stroke",
+	"color",
+	"background-color",
+	"stop-color"
+], t = new Set([
+	"symbol",
+	"defs",
+	"pattern",
+	"mask",
+	"clipPath",
+	"marker",
+	"linearGradient",
+	"radialGradient",
+	"filter"
+]);
+function n(e) {
+	let n = e;
+	for (; n && n.nodeType === 1;) {
+		if (n.namespaceURI === "http://www.w3.org/2000/svg" && t.has(n.localName)) return !0;
+		n = n.parentNode;
+	}
+	return !1;
+}
+var r = /* @__PURE__ */ new Map();
+function i(t, n) {
+	let i = n + "::" + t.toLowerCase(), a = r.get(i);
+	if (a) return a;
+	let o = document, s = n === "http://www.w3.org/2000/svg" ? o.createElementNS(n, t) : o.createElement(t), c = o.createElement("div");
+	c.style.cssText = "position:absolute;left:-99999px;top:-99999px;contain:strict;display:block;", c.appendChild(s), o.documentElement.appendChild(c);
+	let l = getComputedStyle(s), u = {};
+	for (let t of e) u[t] = l.getPropertyValue(t) || "";
+	return c.remove(), r.set(i, u), u;
+}
+function a(t, r) {
+	if (!(t instanceof Element) || !(r instanceof Element) || n(t)) return;
+	let a = t.getAttribute?.("style"), o = !!(a && a.includes("var("));
+	if (!o && t.attributes?.length) {
+		let e = t.attributes;
+		for (let t = 0; t < e.length; t++) {
+			let n = e[t];
+			if (n && typeof n.value == "string" && n.value.includes("var(")) {
+				o = !0;
+				break;
+			}
+		}
+	}
+	let s = null;
+	if (o) try {
+		s = getComputedStyle(t);
+	} catch {}
+	if (o) {
+		let e = t.style;
+		if (e && e.length) {
+			let t = /* @__PURE__ */ new Set();
+			for (let n = 0; n < e.length; n++) {
+				let i = e[n];
+				if (t.has(i)) continue;
+				t.add(i);
+				let a = e.getPropertyValue(i);
+				if (!a || !a.includes("var(")) continue;
+				let o = s && s.getPropertyValue(i);
+				if (o) try {
+					r.style.setProperty(i, o.trim(), e.getPropertyPriority(i));
+				} catch {}
+			}
+		}
+	}
+	if (o && t.attributes?.length) {
+		let e = t.attributes;
+		for (let t = 0; t < e.length; t++) {
+			let n = e[t];
+			if (!n || typeof n.value != "string" || !n.value.includes("var(")) continue;
+			let i = n.name, a = s && s.getPropertyValue(i);
+			if (a) try {
+				r.style.setProperty(i, a.trim());
+			} catch {}
+		}
+	}
+	if (!o) {
+		if (!s) try {
+			s = getComputedStyle(t);
+		} catch {
+			s = null;
+		}
+		if (!s) return;
+		let n = t.namespaceURI || "html", a = i(t.tagName, n);
+		for (let t of e) {
+			let e = s.getPropertyValue(t) || "", n = a[t] || "";
+			if (e && e !== n) try {
+				r.style.setProperty(t, e.trim());
+			} catch {}
+		}
+	}
+}
+//#endregion
+export { n as isInSvgTemplate, a as resolveCSSVars };
+/* 独立思考，明辨是非 */

package/snapdom/{modules → src/modules}/background.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
 import { getStyle as e, splitBackgroundImage as t } from "../utils/css.js";
 import { inlineSingleBackgroundEntry as n } from "../utils/image.js";
 import "../utils/index.js";
-//#region utils/snapdom/modules/background.js
+//#region utils/snapdom/src/modules/background.js
 async function r(r, i, a, o = {}) {
 	let s = [[r, i]], c = [
 		"background-image",
@@ -20,9 +20,12 @@ async function r(r, i, a, o = {}) {
 		"mask-position",
 		"mask-size",
 		"mask-repeat",
+		"mask-mode",
+		"mask-composite",
 		"-webkit-mask-position",
 		"-webkit-mask-size",
 		"-webkit-mask-repeat",
+		"-webkit-mask-composite",
 		"mask-origin",
 		"mask-clip",
 		"-webkit-mask-origin",

package/snapdom/{modules → src/modules}/changeCSS.js

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-04-23 09:23:17 星期四 */
-//#region utils/snapdom/modules/changeCSS.js
+/* 潘启宝 2026-05-15 17:45:33 星期五 */
+//#region utils/snapdom/src/modules/changeCSS.js
 function e(e, i) {
 	if (!e || !i) return;
 	let a = e.scrollTop || 0;

package/snapdom/{modules → src/modules}/counter.d.ts

@@ -31,7 +31,11 @@ export function buildCounterContext(root: Document | Element): {
 };
 /**
  * Resolves counter()/counters() calls inside a content string for a specific node,
- * returning a plain string suitable for textContent. Also strips double-quote tokens.
+ * returning the content with counter() expanded but quoted-string tokens preserved.
+ * The caller is responsible for joining tokens (see pseudo.js collapseCssContent)
+ * or stripping quotes (see resolvePseudoContent below) — keeping quotes here lets
+ * collapseCssContent tokenize properly so source whitespace between adjacent
+ * tokens (e.g. `counter(x) ")"`) doesn't leak into the rendered text.
  *
  * @param {string} raw
  * @param {Element} node
@@ -40,7 +44,7 @@ export function buildCounterContext(root: Document | Element): {
 export function resolveCountersInContent(raw: string, node: Element, ctx: {
     get(node: Element, name: string): number;
     getStack(node: Element, name: string): number[];
-}): any;
+}): string;
 /**
  * Create a derived counter context that applies a pseudo's counter-reset /
  * counter-increment *for this node only*, before resolving content.