@unicom-cloud/utils 0.1.39 → 0.1.41

package/snapdom/modules/pictureResolver.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Core picture / lazy-img resolution for high-fidelity capture.
+ * Mirrors the official picture-resolver plugin; runs from captureDOM when enabled.
+ *
+ * Fast path: {@link quickProbeMayNeedPictureResolver} avoids scanning when no
+ * `<picture>` and (if enabled) no lazy `data-*` hints exist in the subtree.
+ */
+/**
+ * @param {string} src
+ * @returns {boolean}
+ */
+export function isPlaceholderSrc(src: string): boolean;
+/**
+ * Cheap hint: might we need picture/lazy resolution? Avoids full scans when false.
+ * @param {Element|null|undefined} root
+ * @param {boolean} resolveLazySrc
+ */
+export function quickProbeMayNeedPictureResolver(root: Element | null | undefined, resolveLazySrc: boolean): boolean;
+/**
+ * @param {HTMLImageElement} img
+ * @param {HTMLPictureElement} picture
+ * @returns {string|null}
+ */
+export function findRealUrlForPicture(img: HTMLImageElement, picture: HTMLPictureElement): string | null;
+/**
+ * @param {HTMLImageElement} img
+ * @returns {string|null}
+ */
+export function findLazySrcAttr(img: HTMLImageElement): string | null;
+/**
+ * Run resolution on live DOM before clone. Returns an async undo, or null if nothing to do.
+ * @param {Element} root
+ * @param {object} options
+ * @returns {Promise<(() => Promise<void>)|null>}
+ */
+export function runPictureResolverBeforeClone(root: Element, options?: object): Promise<(() => Promise<void>) | null>;
+/**
+ * Back-compat plugin factory (same API as @zumer/snapdom-plugins/picture-resolver).
+ * @param {object} [pluginOptions]
+ * @returns {import('../core/plugins.js').Plugin}
+ */
+export function pictureResolver(pluginOptions?: object): import("../core/plugins.js").Plugin;

package/snapdom/modules/pictureResolver.js

@@ -0,0 +1,131 @@
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
+//#region utils/snapdom/modules/pictureResolver.js
+function e(e) {
+	return !!(!e || e.startsWith("data:") || e.startsWith("blob:") || /^data:image\/(gif|png|svg)/.test(e) && e.length < 200);
+}
+function t(e, t) {
+	return !e || !(e instanceof Element) ? !1 : e.querySelector("picture") ? !0 : t ? !!e.querySelector("img[data-src], img[data-lazy-src], img[data-original], img[data-hi-res-src], img[data-srcset], img[data-lazy-srcset]") : !1;
+}
+function n(t, n) {
+	let r = t.currentSrc || "";
+	if (r && !e(r)) return r;
+	let i = n.querySelectorAll("source[srcset]"), a = null;
+	for (let t of i) {
+		let n = t.getAttribute("srcset");
+		if (!n || e(n)) continue;
+		let r = t.getAttribute("media");
+		if (r) try {
+			if (window.matchMedia(r).matches) return n.split(",")[0].trim().split(/\s+/)[0];
+		} catch {}
+		a ||= n.split(",")[0].trim().split(/\s+/)[0];
+	}
+	return a;
+}
+function r(t) {
+	let n = [
+		t.getAttribute("data-src"),
+		t.getAttribute("data-lazy-src"),
+		t.getAttribute("data-original"),
+		t.getAttribute("data-hi-res-src")
+	];
+	for (let t of n) if (t && !e(t)) return t;
+	let r = t.getAttribute("data-srcset") || t.getAttribute("data-lazy-srcset");
+	if (r) {
+		let t = r.split(",")[0].trim().split(/\s+/)[0];
+		if (t && !e(t)) return t;
+	}
+	return null;
+}
+function i(e = {}) {
+	let t = e.pictureResolver && typeof e.pictureResolver == "object" ? e.pictureResolver : {};
+	return {
+		timeout: t.timeout ?? 5e3,
+		concurrency: t.concurrency ?? 4,
+		resolveLazySrc: t.resolveLazySrc !== !1,
+		silent: t.silent ?? !1,
+		useProxy: typeof e.useProxy == "string" ? e.useProxy : ""
+	};
+}
+async function a(a, o = {}) {
+	if (!a || !(a instanceof Element) || o.resolvePicturePlaceholders === !1) return null;
+	let { timeout: s, concurrency: c, resolveLazySrc: l, silent: u, useProxy: d } = i(o);
+	if (!t(a, l)) return null;
+	let f = [], p = [];
+	async function m(e) {
+		let t = new AbortController(), n = setTimeout(() => t.abort(), s);
+		try {
+			let n = await fetch(e, {
+				credentials: "include",
+				signal: t.signal
+			});
+			if (!n.ok && d) {
+				let r = d.includes("{url}") ? d.replace("{url}", encodeURIComponent(e)) : d.endsWith("?") ? `${d}${encodeURIComponent(e)}` : `${d}${d.includes("?") ? "&" : "?"}url=${encodeURIComponent(e)}`;
+				n = await fetch(r, { signal: t.signal });
+			}
+			if (!n.ok) return null;
+			let r = await n.blob();
+			return await new Promise((e, t) => {
+				let n = new FileReader();
+				n.onload = () => e(n.result), n.onerror = t, n.readAsDataURL(r);
+			});
+		} catch {
+			return null;
+		} finally {
+			clearTimeout(n);
+		}
+	}
+	async function h(e) {
+		for (let t = 0; t < e.length; t += c) {
+			let n = e.slice(t, t + c);
+			await Promise.allSettled(n.map((e) => e()));
+		}
+	}
+	let g = a.querySelectorAll("picture");
+	for (let t of g) {
+		let r = t.querySelector("img");
+		if (!r || !e(r.getAttribute("src") || "")) continue;
+		let i = n(r, t);
+		i && p.push(async () => {
+			let e = await m(i);
+			if (!e) {
+				u || console.warn(`[snapdom:picture-resolver] Failed to fetch: ${i.slice(0, 60)}`);
+				return;
+			}
+			let n = r.getAttribute("src"), a = r.getAttribute("srcset"), o = r.getAttribute("sizes"), s = [];
+			r.src = e, r.setAttribute("src", e), r.removeAttribute("srcset"), r.removeAttribute("sizes");
+			let c = t.querySelectorAll("source");
+			for (let e of c) s.push({
+				el: e,
+				parent: e.parentElement,
+				next: e.nextSibling
+			}), e.remove();
+			f.push(() => {
+				n === null ? r.removeAttribute("src") : r.setAttribute("src", n), a !== null && r.setAttribute("srcset", a), o !== null && r.setAttribute("sizes", o);
+				for (let { el: e, parent: t, next: n } of s) t && t.insertBefore(e, n);
+			});
+		});
+	}
+	if (l) {
+		let t = a.querySelectorAll("img");
+		for (let n of t) {
+			if (n.closest("picture") && e(n.getAttribute("src") || "")) continue;
+			let t = n.getAttribute("src") || "", i = r(n);
+			i && e(t) && p.push(async () => {
+				let e = await m(i);
+				if (!e) return;
+				let t = n.getAttribute("src");
+				n.src = e, n.setAttribute("src", e), n.removeAttribute("srcset"), n.removeAttribute("sizes"), f.push(() => {
+					t === null ? n.removeAttribute("src") : n.setAttribute("src", t);
+				});
+			});
+		}
+	}
+	return p.length === 0 ? null : (await h(p), async function() {
+		for (let e of f) try {
+			e();
+		} catch {}
+	});
+}
+//#endregion
+export { a as runPictureResolverBeforeClone };
+/* 独立思考，明辨是非 */

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

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { cache as e } from "../core/cache.js";
 import { getStyle as t, getStyleKey as n, snapshotComputedStyle as r, splitBackgroundImage as i } from "../utils/css.js";
 import { debugWarn as a } from "../utils/debug.js";
@@ -9,8 +9,8 @@ import "../utils/index.js";
 import { isIconFont as u } from "./iconFonts.js";
 import { iconToImage as d } from "./fonts.js";
 import { buildCounterContext as f, hasCounters as p, resolveCountersInContent as m } from "./counter.js";
-//#region utils/snapdom/src/modules/pseudo.js
-var h = /* @__PURE__ */ new WeakMap(), g = 300;
+//#region utils/snapdom/modules/pseudo.js
+var h = /* @__PURE__ */ new WeakMap(), g = 1e3;
 function _(e, t) {
 	let n = y(e);
 	return t ? (t.__pseudoPreflightFp !== n && (t.__pseudoPreflight = x(e), t.__pseudoPreflightFp = n), !!t.__pseudoPreflight) : x(e);
@@ -213,7 +213,7 @@ async function k(p, m, h, g) {
 		if (!a || a.content === "none" && a.backgroundImage === "none" && a.backgroundColor === "transparent" && (a.borderStyle === "none" || parseFloat(a.borderWidth) === 0) && (!a.transform || a.transform === "none") && a.display === "inline") continue;
 		if (e === "::first-letter") {
 			let e = t(p);
-			if (!(a.color !== e.color || a.fontSize !== e.fontSize || a.fontWeight !== e.fontWeight)) continue;
+			if (!(a.color !== e.color || a.fontSize !== e.fontSize || a.fontWeight !== e.fontWeight || a.fontFamily !== e.fontFamily || a.fontStyle !== e.fontStyle || a.textTransform !== e.textTransform || a.float !== e.float || a.paddingTop !== e.paddingTop || a.paddingRight !== e.paddingRight || a.paddingBottom !== e.paddingBottom || a.paddingLeft !== e.paddingLeft || a.marginTop !== e.marginTop || a.marginRight !== e.marginRight || a.marginBottom !== e.marginBottom || a.marginLeft !== e.marginLeft)) continue;
 			let i = Array.from(m.childNodes).find((e) => e.nodeType === Node.TEXT_NODE && e.textContent?.trim().length > 0);
 			if (!i) continue;
 			let o = i.textContent, s = o.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], c = o.slice(s?.length || 0);

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

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { toCanvas as e } from "../exporters/toCanvas.js";
-//#region utils/snapdom/src/modules/rasterize.js
+//#region utils/snapdom/modules/rasterize.js
 async function t(t, n) {
 	let r = await e(t, n), i = new Image();
 	return i.src = r.toDataURL(`image/${n.format}`, n.quality), await i.decode(), i.style.width = `${r.width / n.dpr}px`, i.style.height = `${r.height / n.dpr}px`, i;

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

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { safeEncodeURI as e } from "../utils/helpers.js";
-//#region utils/snapdom/src/modules/snapFetch.js
+//#region utils/snapdom/modules/snapFetch.js
 function t(e = "[snapDOM]", { ttlMs: t = 5 * 6e4, maxEntries: n = 12 } = {}) {
 	let r = /* @__PURE__ */ new Map(), i = 0;
 	function a(a, o, s) {

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

@@ -1,18 +1,18 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { cache as e } from "../core/cache.js";
 import { getStyleKey as t, shouldIgnoreProp as n } from "../utils/css.js";
 import "../utils/index.js";
-//#region utils/snapdom/src/modules/styles.js
-var r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new Map(), a = 0;
-function o() {
-	a++;
+//#region utils/snapdom/modules/styles.js
+var r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new Map(), a = 2e3, o = 0;
+function s() {
+	o++, i.size > a && i.clear();
 }
-var s = !1;
-function c(e = document.documentElement) {
-	if (!s) {
-		s = !0;
+var c = !1;
+function l(e = document.documentElement) {
+	if (!c) {
+		c = !0;
 		try {
-			new MutationObserver(() => o()).observe(e, {
+			new MutationObserver(() => s()).observe(e, {
 				subtree: !0,
 				childList: !0,
 				characterData: !0,
@@ -20,7 +20,7 @@ function c(e = document.documentElement) {
 			});
 		} catch {}
 		try {
-			new MutationObserver(() => o()).observe(document.head, {
+			new MutationObserver(() => s()).observe(document.head, {
 				subtree: !0,
 				childList: !0,
 				characterData: !0,
@@ -29,11 +29,11 @@ function c(e = document.documentElement) {
 		} catch {}
 		try {
 			let e = document.fonts;
-			e && (e.addEventListener?.("loadingdone", o), e.ready?.then(() => o()).catch(() => {}));
+			e && (e.addEventListener?.("loadingdone", s), e.ready?.then(() => s()).catch(() => {}));
 		} catch {}
 	}
 }
-function l(e, t = {}) {
+function u(e, t = {}) {
 	let r = {}, i = e.getPropertyValue("visibility"), a = t.excludeStyleProps;
 	for (let t = 0; t < e.length; t++) {
 		let i = e[t];
@@ -75,6 +75,9 @@ function l(e, t = {}) {
 		} catch {}
 	}
 	i === "hidden" && (r.opacity = "0");
+	try {
+		(r["content-visibility"] || e.getPropertyValue("content-visibility")) === "hidden" && (r.visibility = "hidden");
+	} catch {}
 	let o = parseFloat(e.getPropertyValue("border-top-width") || 0) || 0, s = parseFloat(e.getPropertyValue("border-right-width") || 0) || 0, c = parseFloat(e.getPropertyValue("border-bottom-width") || 0) || 0, l = parseFloat(e.getPropertyValue("border-left-width") || 0) || 0;
 	if (o === 0 && s === 0 && c === 0 && l === 0) {
 		let t = (e.getPropertyValue("border-image-source") || "").trim(), n = t && t !== "none";
@@ -83,21 +86,21 @@ function l(e, t = {}) {
 	}
 	return r;
 }
-var u = /* @__PURE__ */ new WeakMap();
-function d(e) {
-	let t = u.get(e);
-	return t || (t = Object.entries(e).sort((e, t) => e[0] < t[0] ? -1 : e[0] > t[0] ? 1 : 0).map(([e, t]) => `${e}:${t}`).join(";"), u.set(e, t), t);
+var d = /* @__PURE__ */ new WeakMap();
+function f(e) {
+	let t = d.get(e);
+	return t || (t = Object.entries(e).sort((e, t) => e[0] < t[0] ? -1 : +(e[0] > t[0])).map(([e, t]) => `${e}:${t}`).join(";"), d.set(e, t), t);
 }
-function f(e, t = null, n = {}) {
+function p(e, t = null, n = {}) {
 	let i = r.get(e);
-	if (i && i.epoch === a) return i.snapshot;
-	let o = t || getComputedStyle(e), s = l(o, n);
-	return b(e, o, s), r.set(e, {
-		epoch: a,
+	if (i && i.epoch === o) return i.snapshot;
+	let a = t || getComputedStyle(e), s = u(a, n);
+	return x(e, a, s), r.set(e, {
+		epoch: o,
 		snapshot: s
 	}), s;
 }
-function p(t, n) {
+function m(t, n) {
 	return t && t.session && t.persist ? t : t && (t.styleMap || t.styleCache || t.nodeMap) ? {
 		session: t,
 		persist: {
@@ -124,43 +127,49 @@ function p(t, n) {
 		options: t || n || {}
 	};
 }
-function m(e, t, n) {
+function h(e, t, n) {
 	if (!(!e.style || e.style.length === 0)) for (let r = 0; r < e.style.length; r++) {
 		let i = e.style[r], a = n.getPropertyValue(i);
 		a && t.style.setProperty(i, a);
 	}
 }
-async function h(e, n, r, a) {
+async function g(e, n, r, a) {
 	if (e.tagName === "STYLE") return;
-	let s = p(r, a), l = s.options && s.options.cache || "auto";
-	l !== "disabled" && c(document.documentElement), l === "disabled" && !s.session.__bumpedForDisabled && (o(), i.clear(), s.session.__bumpedForDisabled = !0);
-	let { session: u, persist: h } = s;
-	u.styleCache.has(e) || u.styleCache.set(e, getComputedStyle(e));
+	let o = m(r, a), c = o.options && o.options.cache || "auto";
+	c !== "disabled" && l(document.documentElement), c === "disabled" && !o.session.__bumpedForDisabled && (s(), i.clear(), o.session.__bumpedForDisabled = !0);
+	let { session: u, persist: d } = o;
+	if (!u.styleCache.has(e)) {
+		let t = null;
+		try {
+			t = getComputedStyle(e);
+		} catch {}
+		u.styleCache.set(e, t || getComputedStyle(document.documentElement));
+	}
 	let g = u.styleCache.get(e);
-	e.getAttribute?.("style") && m(e, n, g);
-	let _ = f(e, g, s.options), v = d(_), y = h.snapshotKeyCache.get(v);
-	y || (y = t(_, e.tagName?.toLowerCase() || "div"), h.snapshotKeyCache.set(v, y)), u.styleMap.set(n, y);
+	e.getAttribute?.("style") && h(e, n, g);
+	let _ = p(e, g, o.options), v = f(_), y = d.snapshotKeyCache.get(v);
+	y || (y = t(_, e.tagName?.toLowerCase() || "div"), d.snapshotKeyCache.set(v, y)), u.styleMap.set(n, y);
 }
-function g(e) {
+function _(e) {
 	return e instanceof HTMLImageElement || e instanceof HTMLCanvasElement || e instanceof HTMLVideoElement || e instanceof HTMLIFrameElement || e instanceof SVGElement || e instanceof HTMLObjectElement || e instanceof HTMLEmbedElement;
 }
-function _(e) {
+function v(e) {
 	return e.backgroundImage && e.backgroundImage !== "none" || e.backgroundColor && e.backgroundColor !== "rgba(0, 0, 0, 0)" && e.backgroundColor !== "transparent" || (parseFloat(e.borderTopWidth) || 0) > 0 || (parseFloat(e.borderBottomWidth) || 0) > 0 || (parseFloat(e.paddingTop) || 0) > 0 || (parseFloat(e.paddingBottom) || 0) > 0 ? !0 : (e.overflowBlock || e.overflowY || "visible") !== "visible";
 }
-function v(e) {
+function y(e) {
 	let t = e.parentElement;
 	if (!t) return !1;
 	let n = getComputedStyle(t).display || "";
 	return n.includes("flex") || n.includes("grid");
 }
-function y(e, t) {
+function b(e, t) {
 	if (e.textContent && /\S/.test(e.textContent)) return !0;
 	let n = e.firstElementChild, r = e.lastElementChild;
 	if (n && n.tagName === "BR" || r && r.tagName === "BR") return !0;
 	let i = e.scrollHeight;
 	return i === 0 ? !1 : i > (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
 }
-function b(e, t, n) {
+function x(e, t, n) {
 	if (e instanceof HTMLElement && e.style && e.style.height) return;
 	let r = e.tagName && e.tagName.toLowerCase();
 	if (!r || ![
@@ -176,14 +185,14 @@ function b(e, t, n) {
 	let i = parseFloat(t.height);
 	if (Number.isFinite(i) && e.scrollHeight > 0 && Math.abs(i - e.scrollHeight) > 2 || t.aspectRatio && t.aspectRatio !== "none" && t.aspectRatio !== "auto") return;
 	let a = t.display || "";
-	if (a.includes("flex") || a.includes("grid") || g(e)) return;
+	if (a.includes("flex") || a.includes("grid") || _(e)) return;
 	let o = t.position;
-	if (o === "absolute" || o === "fixed" || o === "sticky" || t.transform !== "none" || _(t) || v(e)) return;
+	if (o === "absolute" || o === "fixed" || o === "sticky" || t.transform !== "none" || v(t) || y(e)) return;
 	let s = t.overflowX || t.overflow || "visible", c = t.overflowY || t.overflow || "visible";
 	if (s !== "visible" || c !== "visible") return;
 	let l = t.clip;
-	l && l !== "auto" && l !== "rect(auto, auto, auto, auto)" || t.visibility === "hidden" || t.opacity === "0" || y(e, t) && (delete n.height, delete n["block-size"]);
+	l && l !== "auto" && l !== "rect(auto, auto, auto, auto)" || t.visibility === "hidden" || t.opacity === "0" || b(e, t) && (delete n.height, delete n["block-size"]);
 }
 //#endregion
-export { h as inlineAllStyles };
+export { g as inlineAllStyles };
 /* 独立思考，明辨是非 */

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

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/modules/svgDefs.js
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
+//#region utils/snapdom/modules/svgDefs.js
 function e(e, t) {
 	if (!e || !(e instanceof Element)) return;
 	let n = e.ownerDocument || document, r = t || n, i = e instanceof SVGSVGElement ? [e] : Array.from(e.querySelectorAll("svg"));

package/snapdom/{src/utils → utils}/browser.js

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/utils/browser.js
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
+//#region utils/snapdom/utils/browser.js
 function e(e, { fast: t = !1 } = {}) {
 	if (t) return e();
 	"requestIdleCallback" in window ? requestIdleCallback(e, { timeout: 50 }) : setTimeout(e, 1);

package/snapdom/{src/utils → utils}/capture.helpers.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { debugWarn as e } from "./debug.js";
 import "./index.js";
-//#region utils/snapdom/src/utils/capture.helpers.js
+//#region utils/snapdom/utils/capture.helpers.js
 function t(t, n, r = {}) {
 	if (!t || !n || !n.style) return;
 	let i = getComputedStyle(t);

package/snapdom/{src/utils → utils}/clone.helpers.js

@@ -1,11 +1,11 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { EvictingMap as e, cache as t } from "../core/cache.js";
 import { idle as n } from "./browser.js";
 import { debugWarn as r } from "./debug.js";
 import { snapFetch as i } from "../modules/snapFetch.js";
 import "./index.js";
 import { inlineAllStyles as a } from "../modules/styles.js";
-//#region utils/snapdom/src/utils/clone.helpers.js
+//#region utils/snapdom/utils/clone.helpers.js
 function o(e, t, r) {
 	return Promise.all(e.map((e) => new Promise((i) => {
 		function a() {
@@ -167,37 +167,41 @@ function C(e) {
 	try {
 		i = window.getComputedStyle(e);
 	} catch {}
-	let a = i ? parseFloat(i.width) : NaN, o = i ? parseFloat(i.height) : NaN, s = Math.round(t || r.width || 0), c = Math.round(n || r.height || 0), l = Number.isFinite(a) && a > 0 ? Math.round(a) : Math.max(12, s || 16), u = Number.isFinite(o) && o > 0 ? Math.round(o) : Math.max(12, c || 16), d = (e.type || "text").toLowerCase() === "checkbox", f = !!e.checked, p = !!e.indeterminate, m = Math.max(Math.min(l, u), 12), h = document.createElement("div");
-	h.setAttribute("data-snapdom-input-replacement", e.type || "checkbox"), h.style.cssText = `display:inline-block;width:${m}px;height:${m}px;vertical-align:middle;flex-shrink:0;line-height:0;`;
-	let g = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-	g.setAttribute("width", String(m)), g.setAttribute("height", String(m)), g.setAttribute("viewBox", `0 0 ${m} ${m}`), h.appendChild(g);
-	function _() {
+	let a = i ? parseFloat(i.width) : NaN, o = i ? parseFloat(i.height) : NaN, s = Math.round(t || r.width || 0), c = Math.round(n || r.height || 0), l = Number.isFinite(a) && a > 0 ? Math.round(a) : Math.max(12, s || 16), u = Number.isFinite(o) && o > 0 ? Math.round(o) : Math.max(12, c || 16), d = (e.type || "text").toLowerCase() === "checkbox", f = !!e.checked, p = !!e.indeterminate, m = Math.max(Math.min(l, u), 12), h = "middle";
+	try {
+		i && i.verticalAlign && (h = i.verticalAlign);
+	} catch {}
+	let g = document.createElement("div");
+	g.setAttribute("data-snapdom-input-replacement", e.type || "checkbox"), g.style.cssText = `display:inline-block;width:${m}px;height:${m}px;vertical-align:${h};flex-shrink:0;line-height:0;`;
+	let _ = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	_.setAttribute("width", String(m)), _.setAttribute("height", String(m)), _.setAttribute("viewBox", `0 0 ${m} ${m}`), g.appendChild(_);
+	function v() {
 		let e = "#0a6ed1";
 		try {
 			i && (e = i.accentColor || i.color || e);
 		} catch {}
 		let t = m - 2;
-		if (g.innerHTML = "", d) {
+		if (_.innerHTML = "", d) {
 			let n = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-			if (n.setAttribute("x", "1"), n.setAttribute("y", "1"), n.setAttribute("width", String(t)), n.setAttribute("height", String(t)), n.setAttribute("rx", "2"), n.setAttribute("ry", "2"), n.setAttribute("fill", f ? e : "none"), n.setAttribute("stroke", e), n.setAttribute("stroke-width", "2"), g.appendChild(n), f) {
+			if (n.setAttribute("x", "1"), n.setAttribute("y", "1"), n.setAttribute("width", String(t)), n.setAttribute("height", String(t)), n.setAttribute("rx", "2"), n.setAttribute("ry", "2"), n.setAttribute("fill", f ? e : "none"), n.setAttribute("stroke", e), n.setAttribute("stroke-width", "2"), _.appendChild(n), f) {
 				let e = document.createElementNS("http://www.w3.org/2000/svg", "path");
-				e.setAttribute("d", `M 3 ${m / 2} L ${m / 2 - 1} ${m - 1 - 2} L ${m - 1 - 2} 3`), e.setAttribute("stroke", "white"), e.setAttribute("stroke-width", "2"), e.setAttribute("fill", "none"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), g.appendChild(e);
+				e.setAttribute("d", `M 3 ${m / 2} L ${m / 2 - 1} ${m - 1 - 2} L ${m - 1 - 2} 3`), e.setAttribute("stroke", "white"), e.setAttribute("stroke-width", "2"), e.setAttribute("fill", "none"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), _.appendChild(e);
 			} else if (p) {
 				let n = document.createElementNS("http://www.w3.org/2000/svg", "rect"), r = Math.max(6, t - 4);
-				n.setAttribute("x", String((m - r) / 2)), n.setAttribute("y", String((m - 2) / 2)), n.setAttribute("width", String(r)), n.setAttribute("height", "2"), n.setAttribute("fill", e), n.setAttribute("rx", "1"), g.appendChild(n);
+				n.setAttribute("x", String((m - r) / 2)), n.setAttribute("y", String((m - 2) / 2)), n.setAttribute("width", String(r)), n.setAttribute("height", "2"), n.setAttribute("fill", e), n.setAttribute("rx", "1"), _.appendChild(n);
 			}
 		} else {
 			let t = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-			if (t.setAttribute("cx", String(m / 2)), t.setAttribute("cy", String(m / 2)), t.setAttribute("r", String((m - 2) / 2)), t.setAttribute("fill", f ? e : "none"), t.setAttribute("stroke", e), t.setAttribute("stroke-width", "2"), g.appendChild(t), f) {
+			if (t.setAttribute("cx", String(m / 2)), t.setAttribute("cy", String(m / 2)), t.setAttribute("r", String((m - 2) / 2)), t.setAttribute("fill", f ? e : "none"), t.setAttribute("stroke", e), t.setAttribute("stroke-width", "2"), _.appendChild(t), f) {
 				let e = document.createElementNS("http://www.w3.org/2000/svg", "circle"), t = Math.max(2, (m - 4) * .35);
-				e.setAttribute("cx", String(m / 2)), e.setAttribute("cy", String(m / 2)), e.setAttribute("r", String(t)), e.setAttribute("fill", "white"), g.appendChild(e);
+				e.setAttribute("cx", String(m / 2)), e.setAttribute("cy", String(m / 2)), e.setAttribute("r", String(t)), e.setAttribute("fill", "white"), _.appendChild(e);
 			}
 		}
-		h.style.setProperty("width", `${m}px`, "important"), h.style.setProperty("height", `${m}px`, "important"), h.style.setProperty("min-width", `${m}px`, "important"), h.style.setProperty("min-height", `${m}px`, "important");
+		g.style.setProperty("width", `${m}px`, "important"), g.style.setProperty("height", `${m}px`, "important"), g.style.setProperty("min-width", `${m}px`, "important"), g.style.setProperty("min-height", `${m}px`, "important");
 	}
-	return _(), {
-		el: h,
-		applyVisual: _
+	return v(), {
+		el: g,
+		applyVisual: v
 	};
 }
 var w = new e(80);

package/snapdom/{src/utils → utils}/css.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { cache as e } from "../core/cache.js";
-//#region utils/snapdom/src/utils/css.js
+//#region utils/snapdom/utils/css.js
 var t = new Set([
 	"meta",
 	"script",
@@ -68,7 +68,8 @@ var o = /(?:^|-)(animation|transition)(?:-|$)/i, s = /^(--.+|view-timeline|scrol
 	"anchor-scope",
 	"container-name",
 	"container-type",
-	"timeline-scope"
+	"timeline-scope",
+	"zoom"
 ]);
 function l(e) {
 	let t = String(e).toLowerCase();

package/snapdom/{src/utils → utils}/debug.js

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/utils/debug.js
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
+//#region utils/snapdom/utils/debug.js
 function e(e, t, n) {
 	let r = e && typeof e == "object" && (e.options || e);
 	r && r.debug && (n === void 0 ? console.warn("[snapdom]", t) : console.warn("[snapdom]", t, n));

package/snapdom/{src/utils → utils}/helpers.js

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/snapdom/src/utils/helpers.js
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
+//#region utils/snapdom/utils/helpers.js
 function e(e) {
 	let t = e.match(/url\((['"]?)(.*?)(\1)\)/);
 	if (!t) return null;

package/snapdom/{src/utils → utils}/image.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import { cache as e } from "../core/cache.js";
 import { extractURL as t, resolveURL as n, safeEncodeURI as r } from "./helpers.js";
 import { snapFetch as i } from "../modules/snapFetch.js";
-//#region utils/snapdom/src/utils/image.js
+//#region utils/snapdom/utils/image.js
 async function a(a, o = {}) {
 	if (/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(a) || a.trim() === "none") return a;
 	let s = t(a);

package/snapdom/{src/utils → utils}/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
 import "./browser.js";
 import "./css.js";
 import "./debug.js";

package/snapdom/utils/prepare.helpers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Helper utilities for preparing DOM clones
+ * @module utils/prepare.helpers
+ */
+/**
+ * Stabilize layout by adding transparent border if element has outline but no border
+ * @param {Element} element
+ */
+export function stabilizeLayout(element: Element): void;
+/**
+ * #281: Force content-visibility to 'visible' on all descendants that use 'auto'.
+ * Safari (and some Chromium) skip rendering/style computation for content-visibility:auto
+ * elements outside the viewport, causing blank captures.
+ * Returns an undo function to restore original values.
+ * @param {Element} root
+ * @returns {() => void}
+ */
+export function forceContentVisibility(root: Element): () => void;

package/snapdom/utils/prepare.helpers.js

@@ -0,0 +1,35 @@
+/* 潘启宝 2026-04-14 16:53:57 星期二 */
+//#region utils/snapdom/utils/prepare.helpers.js
+function e(e) {
+	let t = getComputedStyle(e), n = t.outlineStyle, r = t.outlineWidth, i = t.borderStyle, a = t.borderWidth;
+	n !== "none" && parseFloat(r) > 0 && (i === "none" || parseFloat(a) === 0) && (e.style.border = `${r} solid transparent`);
+}
+function t(e) {
+	let t = [];
+	try {
+		let n = e.querySelectorAll("*");
+		for (let e of n) {
+			if (!(e instanceof HTMLElement)) continue;
+			let n = e.style.contentVisibility || "", r = getComputedStyle(e), i = r.contentVisibility || r.getPropertyValue("content-visibility") || "";
+			(i === "auto" || i === "hidden") && (t.push({
+				el: e,
+				original: n
+			}), e.style.contentVisibility = "visible");
+		}
+		if (e instanceof HTMLElement) {
+			let n = getComputedStyle(e), r = n.contentVisibility || n.getPropertyValue("content-visibility") || "";
+			(r === "auto" || r === "hidden") && (t.push({
+				el: e,
+				original: e.style.contentVisibility || ""
+			}), e.style.contentVisibility = "visible");
+		}
+	} catch {}
+	return () => {
+		for (let { el: e, original: n } of t) try {
+			e.style.contentVisibility = n;
+		} catch {}
+	};
+}
+//#endregion
+export { t as forceContentVisibility, e as stabilizeLayout };
+/* 独立思考，明辨是非 */