@unicom-cloud/utils 0.1.39 → 0.1.40

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

@@ -1,18 +1,18 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 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] ? 1 : 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-03 14:06:50 星期五 */
+//#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-03 14:06:50 星期五 */
+//#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-03 14:06:50 星期五 */
 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-03 14:06:50 星期五 */
 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-03 14:06:50 星期五 */
 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-03 14:06:50 星期五 */
+//#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-03 14:06:50 星期五 */
+//#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-03 14:06:50 星期五 */
 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-03 14:06:50 星期五 */
 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-03 14:06:50 星期五 */
+//#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 };
+/* 独立思考，明辨是非 */

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

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { limitDecimals as e } from "./capture.helpers.js";
-//#region utils/snapdom/src/utils/transforms.helpers.js
+//#region utils/snapdom/utils/transforms.helpers.js
 function t(e) {
 	let t = e.boxShadow || "";
 	if (!t || t === "none") return {
@@ -39,12 +39,12 @@ function r(e) {
 		bottom: 0,
 		left: 0
 	};
-	let t = Math.ceil(parseFloat(e.outlineWidth || "0") || 0);
+	let t = Math.ceil(parseFloat(e.outlineWidth || "0") || 0), n = parseFloat(e.outlineOffset || "0") || 0, r = t + Math.max(0, Math.ceil(n));
 	return {
-		top: t,
-		right: t,
-		bottom: t,
-		left: t
+		top: r,
+		right: r,
+		bottom: r,
+		left: r
 	};
 }
 function i(t) {
@@ -93,27 +93,49 @@ function a(e, t) {
 			d: 1
 		};
 	} catch {}
-	let i = r.match(/^matrix\(\s*([^)]+)\)$/i);
-	if (i) {
-		let e = i[1].split(",").map((e) => parseFloat(e.trim()));
+	function i(e, t, n, r) {
+		let i = Math.sqrt(e * e + t * t) || 0, a = 0, o = 0;
+		if (i > 0) {
+			let s = e / i, c = t / i;
+			a = s * n + c * r;
+			let l = n - s * a, u = r - c * a;
+			o = Math.sqrt(l * l + u * u) || 0, o > 0 ? a /= o : a = 0;
+		}
+		return {
+			a: i,
+			b: 0,
+			c: a * o,
+			d: o
+		};
+	}
+	let a = r.match(/^matrix\(\s*([^)]+)\)$/i);
+	if (a) {
+		let e = a[1].split(",").map((e) => parseFloat(e.trim()));
 		if (e.length === 6 && e.every(Number.isFinite)) {
-			let [n, r, i, a] = e, o = Math.sqrt(n * n + r * r) || 0, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0;
-			o > 0 && (s = n / o, c = r / o, l = s * i + c * a, u = i - s * l, d = a - c * l, f = Math.sqrt(u * u + d * d) || 0, f > 0 ? l /= f : l = 0);
-			let p = o, m = l * f, h = f;
+			let [n, r, a, o] = e, s = i(n, r, a, o);
+			try {
+				t.style.transform = `matrix(${s.a}, ${s.b}, ${s.c}, ${s.d}, 0, 0)`;
+			} catch {}
+			return s;
+		}
+	}
+	let o = r.match(/^matrix3d\(\s*([^)]+)\)$/i);
+	if (o) {
+		let e = o[1].split(",").map((e) => parseFloat(e.trim()));
+		if (e.length === 16 && e.every(Number.isFinite)) {
+			let n = e[0], r = e[1], a = e[4], o = e[5], s = i(n, r, a, o);
 			try {
-				t.style.transform = `matrix(${p}, 0, ${m}, ${h}, 0, 0)`;
+				t.style.transform = `matrix(${s.a}, ${s.b}, ${s.c}, ${s.d}, 0, 0)`;
 			} catch {}
-			return {
-				a: p,
-				b: 0,
-				c: m,
-				d: h
-			};
+			return s;
 		}
 	}
 	try {
-		let e = String(r).trim();
-		return t.style.transform = e + " translate(0px, 0px) rotate(0deg)", null;
+		let e = new DOMMatrix(r), n = i(e.a, e.b, e.c, e.d);
+		try {
+			t.style.transform = `matrix(${n.a}, ${n.b}, ${n.c}, ${n.d}, 0, 0)`;
+		} catch {}
+		return n;
 	} catch {
 		return null;
 	}

package/string/chars.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 //#region utils/string/chars.js
 var e = [
 	[0, 127],

package/string/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { isEmptyArray as e, isNil as t, isString as n } from "../is/index.js";
 import { HYPHEN as r } from "../constant/string.js";
 //#region utils/string/index.js

package/tinycolor/{src/conversion.js → conversion.js}

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { bound01 as e, pad2 as t } from "./utils.js";
-//#region utils/tinycolor/src/conversion.ts
+//#region utils/tinycolor/conversion.ts
 function n(t, n, r) {
 	return {
 		r: e(t, 255) * 255,

package/tinycolor/{src/css-color-names.js → css-color-names.js}

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-//#region utils/tinycolor/src/css-color-names.ts
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+//#region utils/tinycolor/css-color-names.ts
 var e = {
 	aliceblue: "#f0f8ff",
 	antiquewhite: "#faebd7",

package/tinycolor/{src/format-input.js → format-input.js}

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
 import { boundAlpha as e, convertToPercentage as t } from "./utils.js";
 import { cmykToRgb as n, convertHexToDecimal as r, hslToRgb as i, hsvToRgb as a, parseIntFromHex as o, rgbToRgb as s } from "./conversion.js";
 import { names as c } from "./css-color-names.js";
-//#region utils/tinycolor/src/format-input.ts
+//#region utils/tinycolor/format-input.ts
 function l(r) {
 	let o = {
 		r: 0,

package/tinycolor/{src/from-ratio.js → from-ratio.js}

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-03-24 15:26:16 星期二 */
-import { isUndefined as e } from "../../is/index.js";
+/* 潘启宝 2026-04-03 14:06:50 星期五 */
+import { isUndefined as e } from "../is/index.js";
 import { convertToPercentage as t } from "./utils.js";
 import { TinyColor as n } from "./index.js";
-//#region utils/tinycolor/src/from-ratio.ts
+//#region utils/tinycolor/from-ratio.ts
 function r(r, i) {
 	let a = {
 		r: t(r.r),