@unicom-cloud/utils 0.1.39 → 0.1.40

package/snapdom/core/capture.js

@@ -0,0 +1,171 @@
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+import { applyCachePolicy as e, cache as t } from "./cache.js";
+import { idle as n, isSafari as r } from "../utils/browser.js";
+import { collectUsedTagNames as i, generateDedupedBaseCSS as a, getStyle as o } from "../utils/css.js";
+import "../utils/index.js";
+import { inlineBackgroundImages as s } from "../modules/background.js";
+import { ligatureIconToImage as c } from "../modules/iconFonts.js";
+import { collectUsedCodepoints as l, collectUsedFontVariants as u, embedCustomFonts as d, ensureFontsReady as f } from "../modules/fonts.js";
+import { inlineImages as p } from "../modules/images.js";
+import { lineClampTree as m } from "../modules/lineClamp.js";
+import { collectScrollbarCSS as h, estimateKeptHeight as g, limitDecimals as _, sanitizeCloneForXHTML as v, shrinkAutoSizeBoxes as y, stripRootShadows as b } from "../utils/capture.helpers.js";
+import { bboxWithOriginFull as x, hasBBoxAffectingTransform as S, normalizeRootTransforms as C, parseBoxShadow as w, parseFilterBlur as T, parseFilterDropShadows as E, parseOutline as ee, parseTransformOriginPx as te, readIndividualTransforms as ne, readTotalTransformMatrix as re } from "../utils/transforms.helpers.js";
+import { runHook as D } from "./plugins.js";
+import { prepareClone as O } from "./prepare.js";
+//#region utils/snapdom/core/capture.js
+async function k(S, k) {
+	if (!S) throw Error("Element cannot be null or undefined");
+	e(k.cache);
+	let j = k.fast, M = k.outerTransforms !== !1, N = !!k.outerShadows, P = {
+		element: S,
+		options: k,
+		plugins: k.plugins
+	}, F, I, L, R = "", z = "", B, V, H = null;
+	await D("beforeSnap", P), await D("beforeClone", P);
+	let U = m(P.element);
+	try {
+		({clone: F, classCSS: I, styleCache: L} = await O(P.element, P.options)), !M && F && (H = C(P.element, F)), !N && F && b(P.element, F, P.options);
+	} finally {
+		U();
+	}
+	if (P = {
+		clone: F,
+		classCSS: I,
+		styleCache: L,
+		...P
+	}, await D("afterClone", P), v(P.clone), P.options?.excludeMode === "remove") try {
+		y(P.element, P.clone, P.styleCache);
+	} catch (e) {
+		console.warn("[snapdom] shrink pass failed:", e);
+	}
+	try {
+		await c(P.clone, P.element);
+	} catch {}
+	await new Promise((e) => {
+		n(async () => {
+			await p(P.clone, P.options), e();
+		}, { fast: j });
+	}), await new Promise((e) => {
+		n(async () => {
+			await s(P.element, P.clone, P.styleCache, P.options), e();
+		}, { fast: j });
+	}), k.embedFonts && await new Promise((e) => {
+		n(async () => {
+			let t = u(P.element), n = l(P.element);
+			r() && await f(new Set(Array.from(t).map((e) => String(e).split("__")[0]).filter(Boolean)), 1), R = await d({
+				required: t,
+				usedCodepoints: n,
+				preCached: !1,
+				exclude: P.options.excludeFonts,
+				useProxy: P.options.useProxy,
+				fontStylesheetDomains: P.options.fontStylesheetDomains
+			}), e();
+		}, { fast: j });
+	});
+	let W = i(P.clone).sort(), G = W.join(",");
+	t.baseStyle.has(G) ? z = t.baseStyle.get(G) : await new Promise((e) => {
+		n(() => {
+			z = a(W), t.baseStyle.set(G, z), e();
+		}, { fast: j });
+	});
+	let K = h(P.element?.ownerDocument || document);
+	P = {
+		fontsCSS: R,
+		baseCSS: z,
+		scrollbarCSS: K,
+		...P
+	}, await D("beforeRender", P), await new Promise((e) => {
+		n(() => {
+			let n = o(P.element), i = P.element.getBoundingClientRect(), a = Math.max(1, _(P.element.offsetWidth || parseFloat(n.width) || i.width || 1)), s = Math.max(1, _(P.element.offsetHeight || parseFloat(n.height) || i.height || 1)), c = P.element.ownerDocument || document;
+			if (P.element === c.body || P.element === c.documentElement) {
+				let e = Math.max(P.element.scrollHeight || 0, c.documentElement?.scrollHeight || 0, c.body?.scrollHeight || 0), n = Math.max(P.element.scrollWidth || 0, c.documentElement?.scrollWidth || 0, c.body?.scrollWidth || 0);
+				e > 0 && (s = Math.max(s, _(e))), n > 0 && (a = Math.max(a, _(n)));
+				try {
+					let e = (P.scrollbarCSS || "").length + (P.baseCSS || "").length + (P.fontsCSS || "").length + (P.classCSS || "").length, n = t.measureHints.get(P.element);
+					if (n && n.cssLen === e && n.w0 === a) n.csh > 0 && (s = Math.max(s, _(n.csh))), n.csw > 0 && (a = Math.max(a, _(n.csw)));
+					else {
+						let n = c.createElement("div");
+						n.style.cssText = "position:absolute!important;left:-9999px!important;top:0!important;width:" + a + "px!important;overflow:visible!important;visibility:hidden!important;";
+						let r = c.createElement("style");
+						r.textContent = (P.scrollbarCSS || "") + P.baseCSS + P.fontsCSS + "svg{overflow:visible;} foreignObject{overflow:visible;}" + P.classCSS, n.appendChild(r), n.appendChild(P.clone.cloneNode(!0)), c.body.appendChild(n);
+						let i = n.scrollHeight, o = n.scrollWidth;
+						c.body.removeChild(n), t.measureHints.set(P.element, {
+							cssLen: e,
+							w0: a,
+							csh: i,
+							csw: o
+						}), i > 0 && (s = Math.max(s, _(i))), o > 0 && (a = Math.max(a, _(o)));
+					}
+				} catch {}
+			}
+			if (P.options?.excludeMode === "remove") {
+				let e = g(P.element, P.options);
+				Number.isFinite(e) && e > 0 && (s = Math.max(1, Math.min(s, _(e + 1))));
+			}
+			let l = (e, t = NaN) => {
+				let n = typeof e == "string" ? parseFloat(e) : e;
+				return Number.isFinite(n) ? n : t;
+			}, u = l(P.options.width), d = l(P.options.height), f = a, p = s, m = Number.isFinite(u), h = Number.isFinite(d), v = s > 0 ? a / s : 1;
+			m && h ? (f = Math.max(1, _(u)), p = Math.max(1, _(d))) : m ? (f = Math.max(1, _(u)), p = Math.max(1, _(f / (v || 1)))) : h ? (p = Math.max(1, _(d)), f = Math.max(1, _(p * (v || 1)))) : (f = a, p = s);
+			let y = 0, b = 0, S = a, C = s;
+			if (!M && H && Number.isFinite(H.a)) {
+				let e = {
+					a: H.a,
+					b: H.b || 0,
+					c: H.c || 0,
+					d: H.d || 1,
+					e: 0,
+					f: 0
+				}, t = x(a, s, e, 0, 0);
+				y = _(t.minX), b = _(t.minY), S = _(t.maxX), C = _(t.maxY);
+			} else if (M && A(P.element)) {
+				let e = n.transform && n.transform !== "none" ? n.transform : "", t = ne(P.element), r = re({
+					baseTransform: e,
+					rotate: t.rotate || "0deg",
+					scale: t.scale,
+					translate: t.translate
+				}), { ox: i, oy: o } = te(n, a, s), c = r.is2D ? r : new DOMMatrix(r.toString()), l = x(a, s, c, i, o);
+				y = _(l.minX), b = _(l.minY), S = _(l.maxX), C = _(l.maxY);
+			}
+			let D = w(n), O = T(n), j = ee(n), F = E(n), I = N ? {
+				top: _(D.top + O.top + j.top + F.bleed.top),
+				right: _(D.right + O.right + j.right + F.bleed.right),
+				bottom: _(D.bottom + O.bottom + j.bottom + F.bleed.bottom),
+				left: _(D.left + O.left + j.left + F.bleed.left)
+			} : {
+				top: 0,
+				right: 0,
+				bottom: 0,
+				left: 0
+			};
+			y = _(y - I.left), b = _(b - I.top), S = _(S + I.right), C = _(C + I.bottom);
+			let L = Math.max(1, _(S - y)), R = Math.max(1, _(C - b)), z = m || h ? _(f / a) : 1, U = h || m ? _(p / s) : 1, W = Math.max(1, _(L * z)), G = Math.max(1, _(R * U)), K = "http://www.w3.org/2000/svg", q = _((r() && A(P.element) ? 1 : 0) + (M ? 0 : 1)), J = document.createElementNS(K, "foreignObject"), ie = _(y), ae = _(b);
+			J.setAttribute("x", String(_(-(ie - q)))), J.setAttribute("y", String(_(-(ae - q)))), J.setAttribute("width", String(_(a + q * 2))), J.setAttribute("height", String(_(s + q * 2))), J.style.overflow = "visible";
+			let Y = document.createElement("style");
+			Y.textContent = (P.scrollbarCSS || "") + P.baseCSS + P.fontsCSS + "svg{overflow:visible;} foreignObject{overflow:visible;} foreignObject *{min-width:0;} foreignObject pre,foreignObject [style*=\"white-space\"]{white-space:inherit;}" + P.classCSS, J.appendChild(Y);
+			let X = document.createElement("div");
+			X.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), X.style.cssText = `all:initial;box-sizing:border-box;display:block;overflow:visible;width:${_(a)}px;height:${_(s)}px`, X.appendChild(P.clone), J.appendChild(X);
+			let oe = new XMLSerializer().serializeToString(J), Z = _(L + q * 2), Q = _(R + q * 2), $ = m || h;
+			k.meta = {
+				w0: a,
+				h0: s,
+				vbW: Z,
+				vbH: Q,
+				targetW: f,
+				targetH: p
+			}, V = `<svg xmlns="${K}" width="${r() && $ ? Z : _(W + q * 2)}" height="${r() && $ ? Q : _(G + q * 2)}" viewBox="0 0 ${Z} ${Q}" font-size="${parseFloat(o(c.documentElement)?.fontSize) || 16}px">` + oe + "</svg>", B = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(V)}`, P = {
+				svgString: V,
+				dataURL: B,
+				...P
+			}, e();
+		}, { fast: j });
+	}), await D("afterRender", P);
+	let q = document.getElementById("snapdom-sandbox");
+	return q && q.style.position === "absolute" && q.remove(), P.dataURL;
+}
+function A(e) {
+	return S(e);
+}
+//#endregion
+export { k as captureDOM };
+/* 独立思考，明辨是非 */

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

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 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";
@@ -6,13 +6,14 @@ 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 { resolveCSSVars as g } from "../modules/CSSVar.js";
-//#region utils/snapdom/src/core/clone.js
+//#region utils/snapdom/core/clone.js
 async function _(v, y, b) {
 	if (!v) throw Error("Invalid node");
 	let x = /* @__PURE__ */ new Set(), S = null, C = null;
 	if (v.nodeType === Node.ELEMENT_NODE) {
 		let e = (v.localName || v.tagName || "").toLowerCase();
 		if (v.id === "snapdom-sandbox" || v.hasAttribute("data-snapdom-sandbox") || t.has(e)) return null;
+		if (e === "foreignobject" && v.parentElement?.closest?.("foreignObject")) return n(y, "Nested <foreignObject> skipped (SVG spec limitation — not rendered by browsers)"), null;
 	}
 	if (v.nodeType === Node.TEXT_NODE || v.nodeType !== Node.ELEMENT_NODE) return v.cloneNode(!0);
 	if (v.getAttribute("data-capture") === "exclude") {
@@ -53,7 +54,7 @@ async function _(v, y, b) {
 		} catch (e) {
 			console.warn("[SnapDOM] iframe rasterization failed, fallback:", e);
 		}
-		if (b.placeholders) {
+		if (e || console.warn("[snapdom] cross-origin <iframe> skipped (cannot access content). Use options.placeholders to show a placeholder instead.", v), b.placeholders) {
 			let { width: e, height: t } = l(v), 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(v, n, y, b), n;
 		} else {
@@ -98,9 +99,30 @@ async function _(v, y, b) {
 		let { width: i, height: a } = l(v);
 		return i > 0 && (t.style.width = `${i}px`), a > 0 && (t.style.height = `${a}px`), y.nodeMap.set(t, v), r(v, t, y, b), t;
 	}
+	if (v.tagName === "VIDEO") {
+		let e = "";
+		try {
+			let t = document.createElement("canvas");
+			t.width = v.videoWidth || v.offsetWidth || 320, t.height = v.videoHeight || v.offsetHeight || 240;
+			let n = t.getContext("2d");
+			n && (n.drawImage(v, 0, 0, t.width, t.height), e = t.toDataURL("image/png"), (!e || e === "data:,") && (e = ""));
+		} catch (e) {
+			n(y, "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 : v.poster && (t.src = v.poster), t.width = v.videoWidth || v.offsetWidth || 0, t.height = v.videoHeight || v.offsetHeight || 0;
+		let { width: i, height: a } = l(v);
+		return i > 0 && (t.style.width = `${i}px`), a > 0 && (t.style.height = `${a}px`), t.style.objectFit = "contain", y.nodeMap.set(t, v), r(v, t, y, b), t;
+	}
 	let w;
 	try {
-		if (w = v.cloneNode(!1), g(v, w), y.nodeMap.set(w, v), v.tagName === "IMG") {
+		if (w = v.cloneNode(!1), w.attributes?.length) try {
+			for (let e of w.attributes) /[\x00-\x08\x0B\x0C\x0E-\x1F\uFFFE\uFFFF]/.test(e.value) && w.setAttribute(e.name, e.value.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\uFFFE\uFFFF]/g, ""));
+		} catch {}
+		if (g(v, w), y.nodeMap.set(w, v), v.tagName === "IMG") {
 			c(v, w);
 			try {
 				let { width: e, height: t } = l(v), n = Math.round(e || 0), r = Math.round(t || 0);
@@ -113,7 +135,9 @@ async function _(v, y, b) {
 					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(w.dataset.snapdomWidth || "0", 10), i = parseInt(w.dataset.snapdomHeight || "0", 10), a = n("width") || !r, o = n("height") || !i;
-				a && r && (w.style.width = `${r}px`), o && i && (w.style.height = `${i}px`), r && (w.style.minWidth = `${r}px`), i && (w.style.minHeight = `${i}px`);
+				a && r && (w.style.width = `${r}px`), o && i && (w.style.height = `${i}px`);
+				let s = t.getPropertyValue("object-fit"), c = t.getPropertyValue("object-position");
+				s && s !== "fill" ? (w.style.objectFit = s, c && (w.style.objectPosition = c)) : (r && (w.style.minWidth = `${r}px`), i && (w.style.minHeight = `${i}px`));
 			} catch (e) {
 				n(y, "IMG dimension freeze failed", e);
 			}
@@ -133,7 +157,53 @@ async function _(v, y, b) {
 			y.nodeMap.set(e, v), T = t, w = e;
 		} else w.value = v.value, w.setAttribute("value", v.value), v.checked !== void 0 && (w.checked = v.checked, v.checked && w.setAttribute("checked", ""), v.indeterminate && (w.indeterminate = v.indeterminate));
 	}
-	if (v instanceof HTMLSelectElement && (S = v.value), v instanceof HTMLTextAreaElement && (C = v.value), r(v, w, y, b), T && T(), v.shadowRoot) {
+	if ((v instanceof HTMLInputElement || v instanceof HTMLTextAreaElement) && !v.value && v.placeholder) try {
+		let e = window.getComputedStyle(v, "::placeholder"), t = e && e.color;
+		if (t && t !== "rgba(0, 0, 0, 0)") {
+			let n = "snapdom-ph-" + (Math.random() * 1e6 | 0);
+			w.classList.add(n);
+			let r = document.createElement("style");
+			r.textContent = `.${n}::placeholder{color:${t}!important;opacity:${e.opacity || "1"}!important;}`, w.prepend(r);
+		}
+	} catch {}
+	if (v instanceof HTMLSelectElement && (S = v.value), v instanceof HTMLTextAreaElement && (C = v.value), v instanceof HTMLInputElement || v instanceof HTMLTextAreaElement || v instanceof HTMLSelectElement) {
+		v.disabled && w.setAttribute("disabled", ""), v.required && w.setAttribute("required", ""), v.readOnly && w.setAttribute("readonly", "");
+		let e = v;
+		e.min !== void 0 && e.min !== "" && w.setAttribute("min", e.min), e.max !== void 0 && e.max !== "" && w.setAttribute("max", e.max), e.pattern !== void 0 && e.pattern !== "" && w.setAttribute("pattern", e.pattern);
+		let t = v.getAttribute("aria-invalid");
+		t !== null && w.setAttribute("aria-invalid", t);
+	}
+	if (r(v, w, y, b), T && T(), v instanceof SVGElement) {
+		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(v);
+			for (let n of e) {
+				let e = t.getPropertyValue(n);
+				e && w.style.setProperty(n, e);
+			}
+		} catch {}
+	}
+	if (v.shadowRoot) {
 		try {
 			let e = v.shadowRoot.querySelectorAll("slot");
 			for (let t of e) {

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

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { normalizeCachePolicy as e } from "./cache.js";
-//#region utils/snapdom/src/core/context.js
+//#region utils/snapdom/core/context.js
 function t(t = {}) {
 	let n = t.format ?? "png";
 	n === "jpg" && (n = "jpeg");

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

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/core/plugins.js
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+//#region utils/snapdom/core/plugins.js
 var e = [];
 function t(e) {
 	if (!e) return null;

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

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 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";
@@ -8,76 +8,90 @@ import { freezeSticky as a } from "../modules/changeCSS.js";
 import { inlinePseudoElements as o } from "../modules/pseudo.js";
 import { inlineExternalDefsAndSymbols as s } from "../modules/svgDefs.js";
 import { resolveBlobUrlsInTree as c } from "../utils/clone.helpers.js";
-import { stabilizeLayout as l } from "../utils/prepare.helpers.js";
-import { deepClone as u } from "./clone.js";
-//#region utils/snapdom/src/core/prepare.js
-async function d(d, f = {}) {
-	let p = {
+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
+async function f(f, p = {}) {
+	let m = {
 		styleMap: e.session.styleMap,
 		styleCache: e.session.styleCache,
 		nodeMap: e.session.nodeMap,
-		options: f
-	}, m, h = "", g = "";
-	l(d);
+		options: p
+	}, h, g = "", _ = "";
+	u(f);
+	let v = l(f);
 	try {
-		s(d);
+		s(f);
 	} catch (e) {
 		console.warn("inlineExternal defs or symbol failed:", e);
 	}
 	try {
-		m = await u(d, p, f);
+		h = await d(f, m, p);
 	} catch (e) {
 		throw console.warn("deepClone failed:", e), e;
+	} finally {
+		v();
 	}
 	try {
-		await o(d, m, p, f);
+		await o(f, h, m, p);
 	} catch (e) {
 		console.warn("inlinePseudoElements failed:", e);
 	}
-	await c(m, p);
+	await c(h, m);
 	try {
-		let e = m.querySelectorAll("style[data-sd]");
-		for (let t of e) g += t.textContent || "", t.remove();
+		let e = h.querySelectorAll("style[data-sd]");
+		for (let t of e) _ += t.textContent || "", t.remove();
 	} catch (e) {
-		r(p, "Failed to extract shadow CSS from style[data-sd]", e);
+		r(m, "Failed to extract shadow CSS from style[data-sd]", e);
 	}
-	let _ = t(p.styleMap);
-	h = Array.from(_.entries()).map(([e, t]) => `.${t}{${e}}`).join(""), h = g + "[data-snapdom-has-after]::after,[data-snapdom-has-before]::before{content:none!important;display:none!important}" + h;
-	for (let [e, t] of p.styleMap.entries()) {
+	let y = t(m.styleMap);
+	g = Array.from(y.entries()).map(([e, t]) => `.${t}{${e}}`).join(""), g = _ + "[data-snapdom-has-after]::after,[data-snapdom-has-before]::before{content:none!important;display:none!important}" + g;
+	for (let [e, t] of m.styleMap.entries()) {
 		if (e.tagName === "STYLE") continue;
 		/* c8 ignore next 4 */
 		if (e.getRootNode && e.getRootNode() instanceof ShadowRoot) {
 			e.setAttribute("style", t.replace(/;/g, "; "));
 			continue;
 		}
-		let n = _.get(t);
+		let n = y.get(t);
 		n && e.classList.add(n);
 		let r = e.style?.backgroundImage, i = e.dataset?.snapdomHasIcon;
 		/* c8 ignore next 4 */
 		r && r !== "none" && (e.style.backgroundImage = r), i && (e.style.verticalAlign = "middle", e.style.display = "inline");
 	}
-	for (let [e, t] of p.nodeMap.entries()) {
+	for (let [e, t] of m.nodeMap.entries()) {
 		let n = t.scrollLeft, r = t.scrollTop;
 		if ((n || r) && e instanceof HTMLElement) {
 			e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
+			try {
+				let t = e.querySelectorAll("*");
+				for (let e of t) {
+					if (!(e instanceof HTMLElement)) continue;
+					let t = e.style.position;
+					if (t === "fixed" || t === "absolute") {
+						let i = parseFloat(e.style.top) || 0, a = parseFloat(e.style.left) || 0;
+						e.style.top = `${i + r}px`, e.style.left = `${a + n}px`, t === "fixed" && (e.style.position = "absolute");
+					}
+				}
+			} catch {}
 			let t = document.createElement("div");
 			for (t.style.transform = `translate(${-n}px, ${-r}px)`, t.style.willChange = "transform", t.style.display = "inline-block", t.style.width = "100%"; e.firstChild;) t.appendChild(e.firstChild);
 			e.appendChild(t);
 		}
 	}
-	if (a(d, m instanceof HTMLElement && m.firstElementChild instanceof HTMLElement ? m.firstElementChild : m), d === p.nodeMap.get(m)) {
-		let e = p.styleCache.get(d) || n(d);
-		p.styleCache.set(d, e);
+	if (a(f, h instanceof HTMLElement && h.firstElementChild instanceof HTMLElement ? h.firstElementChild : h), f === m.nodeMap.get(h)) {
+		let e = m.styleCache.get(f) || n(f);
+		m.styleCache.set(f, e);
 		let t = i(e.transform);
-		m.style.margin = "0", m.style.top = "auto", m.style.left = "auto", m.style.right = "auto", m.style.bottom = "auto", m.style.animation = "none", m.style.transition = "none", m.style.willChange = "auto", m.style.float = "none", m.style.clear = "none", m.style.transform = t || "";
+		h.style.margin = "0", h.style.top = "auto", h.style.left = "auto", h.style.right = "auto", h.style.bottom = "auto", h.style.animation = "none", h.style.transition = "none", h.style.willChange = "auto", h.style.float = "none", h.style.clear = "none", h.style.transform = t || "";
 	}
-	for (let [e, t] of p.nodeMap.entries()) t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
+	for (let [e, t] of m.nodeMap.entries()) t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
 	return {
-		clone: m,
-		classCSS: h,
-		styleCache: p.styleCache
+		clone: h,
+		classCSS: g,
+		styleCache: m.styleCache
 	};
 }
 //#endregion
-export { d as prepareClone };
+export { f as prepareClone };
 /* 独立思考，明辨是非 */

package/snapdom/exporters/download.js

@@ -0,0 +1,53 @@
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+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
+async function r(e, t) {
+	let n = new File([e], t, { type: e.type });
+	if (!navigator.canShare?.({ files: [n] })) return !1;
+	try {
+		await navigator.share({
+			files: [n],
+			title: t
+		});
+	} catch (e) {
+		if (e.name !== "AbortError") return !1;
+	}
+	return !0;
+}
+async function i(i, a) {
+	let o = new Set([
+		"png",
+		"jpeg",
+		"jpg",
+		"webp",
+		"svg"
+	]), s = (a?.type || "").toLowerCase(), c = o.has(s) ? s : "", l = (a?.format || c || "").toLowerCase(), u = l === "jpg" ? "jpeg" : l || "png", d = a?.filename || `snapdom.${u}`, f = {
+		...a || {},
+		format: u,
+		type: u
+	};
+	f.dpr = 1;
+	let p = e();
+	if (u === "svg") {
+		let e = await n(i, {
+			...f,
+			type: "svg"
+		});
+		if (p && await r(e, d)) return;
+		let t = URL.createObjectURL(e), a = document.createElement("a");
+		a.href = t, a.download = d, document.body.appendChild(a), a.click(), URL.revokeObjectURL(t), a.remove();
+		return;
+	}
+	let m = await t(i, f);
+	if (p) {
+		let e = `image/${u}`, t = await new Promise((t) => m.toBlob(t, e, a?.quality));
+		if (t && await r(t, d)) return;
+	}
+	let h = document.createElement("a");
+	h.href = m.toDataURL(`image/${u}`, a?.quality), h.download = d, document.body.appendChild(h), h.click(), h.remove();
+}
+//#endregion
+export { i as download };
+/* 独立思考，明辨是非 */

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

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { toCanvas as e } from "./toCanvas.js";
-//#region utils/snapdom/src/exporters/toBlob.js
+//#region utils/snapdom/exporters/toBlob.js
 async function t(t, n) {
 	let r = n.type;
 	if (r === "svg") {

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

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { isSafari as e } from "../utils/browser.js";
-//#region utils/snapdom/src/exporters/toCanvas.js
+//#region utils/snapdom/exporters/toCanvas.js
 function t(e) {
 	return typeof e == "string" && /^data:image\/svg\+xml/i.test(e);
 }

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

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 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/src/exporters/toImg.js
+//#region utils/snapdom/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/index.browser.js

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

package/snapdom/index.d.ts

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

package/snapdom/index.js

@@ -1,6 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-import { preCache as e } from "./src/api/preCache.js";
-import t from "./src/api/snapdom.js";
-import "./src/index.js";
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+import { preCache as e } from "./api/preCache.js";
+import t from "./api/snapdom.js";
 export { e as preCache, t as snapdom };
 /* 独立思考，明辨是非 */

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

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/modules/CSSVar.js
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+//#region utils/snapdom/modules/CSSVar.js
 var e = [
 	"fill",
 	"stroke",
@@ -35,13 +35,19 @@ function r(t, r) {
 	} catch {}
 	if (a) {
 		let e = t.style;
-		if (e && e.length) for (let t = 0; t < e.length; t++) {
-			let n = e[t], i = e.getPropertyValue(n);
-			if (!i || !i.includes("var(")) continue;
-			let a = o && o.getPropertyValue(n);
-			if (a) try {
-				r.style.setProperty(n, a.trim(), e.getPropertyPriority(n));
-			} catch {}
+		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 s = o && o.getPropertyValue(i);
+				if (s) try {
+					r.style.setProperty(i, s.trim(), e.getPropertyPriority(i));
+				} catch {}
+			}
 		}
 	}
 	if (a && t.attributes?.length) {

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

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 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/src/modules/background.js
+//#region utils/snapdom/modules/background.js
 async function r(r, i, a, o = {}) {
 	let s = [[r, i]], c = [
 		"background-image",
@@ -62,7 +62,7 @@ async function r(r, i, a, o = {}) {
 			let r = f.getPropertyValue(e);
 			if (e === "background-image" && (!r || r === "none")) {
 				let e = f.getPropertyValue("background");
-				e && /url\s*\(/.test(e) && (r = t(e).find((e) => /url\s*\(/.test(e)) || r);
+				e && /url\s*\(/.test(e) && (r = t(e).filter((e) => /url\s*\(/.test(e)).join(", ") || r);
 			}
 			if (!r || r === "none") continue;
 			let a = t(r), s = await Promise.all(a.map((e) => n(e, o)));

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

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/modules/changeCSS.js
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+//#region utils/snapdom/modules/changeCSS.js
 function e(e, i) {
 	if (!e || !i) return;
 	let a = e.scrollTop || 0;