@unicom-cloud/utils 0.1.22 → 0.1.24

package/snapdom/src/core/capture.js

@@ -1,86 +1,359 @@
-import { cache as h } from "./cache.js";
-import { inlineBackgroundImages as A } from "../modules/background.js";
-import { embedCustomFonts as O } from "../modules/fonts.js";
-import { inlineImages as R } from "../modules/images.js";
-import { collectUsedTagNames as U, generateDedupedBaseCSS as j } from "../utils/cssTools.js";
-import { idle as l } from "../utils/helpers.js";
-import { prepareClone as D } from "./prepare.js";
-async function V(c, t = {}) {
-  if (!c) throw new Error("Element cannot be null or undefined");
-  h.reset();
-  const {
-    compress: u = !0,
-    embedFonts: b = !1,
-    fast: r = !0,
-    scale: y = 1,
-    useProxy: T = "",
-    localFonts: B = []
-  } = t;
-  let a, S, p, v = "", m = "", C, x;
-  if ({ clone: a, classCSS: S, styleCache: p } = await D(
-    c,
-    u,
-    b,
-    t
-  ), await new Promise((s) => {
-    l(
+/* 2025-10-28 09:57:10 */
+import { inlineBackgroundImages as Ft } from "../modules/background.js";
+import { collectUsedFontVariants as $t, collectUsedCodepoints as Pt, ensureFontsReady as Tt, embedCustomFonts as At } from "../modules/fonts.js";
+import { inlineImages as Bt } from "../modules/images.js";
+import { lineClamp as Xt } from "../modules/lineClamp.js";
+import { idle as U, isSafari as G } from "../utils/browser.js";
+import { collectUsedTagNames as Ot, generateDedupedBaseCSS as Yt } from "../utils/css.js";
+import { applyCachePolicy as Wt, cache as et } from "./cache.js";
+import { prepareClone as Ht } from "./prepare.js";
+function Nt(e, t) {
+  if (!e || !t || !t.style) return;
+  const a = getComputedStyle(e);
+  try {
+    t.style.boxShadow = "none";
+  } catch {
+  }
+  try {
+    t.style.textShadow = "none";
+  } catch {
+  }
+  try {
+    t.style.outline = "none";
+  } catch {
+  }
+  const c = (a.filter || "").replace(/\bblur\([^()]*\)\s*/gi, "").replace(/\bdrop-shadow\([^()]*\)\s*/gi, "").trim().replace(/\s+/g, " ");
+  try {
+    t.style.filter = c.length ? c : "none";
+  } catch {
+  }
+}
+async function oe(e, t) {
+  if (!e) throw new Error("Element cannot be null or undefined");
+  Wt(t.cache);
+  const a = t.fast, r = !!t.straighten, c = !!t.noShadows;
+  let n, o, i, s = "", l = "", x, h, d = null;
+  const f = Xt(e);
+  try {
+    ({ clone: n, classCSS: o, styleCache: i } = await Ht(e, t)), r && n && (d = It(e, n)), c && n && Nt(e, n);
+  } finally {
+    f();
+  }
+  await new Promise((m) => {
+    U(
       async () => {
-        await R(a, t), s();
+        await Bt(n, t), m();
       },
-      { fast: r }
+      { fast: a }
     );
-  }), await new Promise((s) => {
-    l(
+  }), await new Promise((m) => {
+    U(
       async () => {
-        await A(c, a, p, t), s();
+        await Ft(e, n, i, t), m();
       },
-      { fast: r }
+      { fast: a }
     );
-  }), b && await new Promise((s) => {
-    l(
+  }), t.embedFonts && await new Promise((m) => {
+    U(
       async () => {
-        v = await O({ localFonts: B, useProxy: T }), s();
+        const u = $t(e), S = Pt(e);
+        if (G()) {
+          const v = new Set(
+            Array.from(u).map((p) => String(p).split("__")[0]).filter(Boolean)
+          );
+          await Tt(v, 1);
+        }
+        s = await At({
+          required: u,
+          usedCodepoints: S,
+          exclude: t.excludeFonts,
+          useProxy: t.useProxy
+        }), m();
       },
-      { fast: r }
+      { fast: a }
     );
-  }), u) {
-    const s = U(a).sort(), i = s.join(",");
-    h.baseStyle.has(i) ? m = h.baseStyle.get(i) : await new Promise((e) => {
-      l(
-        () => {
-          m = j(s), h.baseStyle.set(i, m), e();
-        },
-        { fast: r }
-      );
-    });
-  }
-  await new Promise((s) => {
-    l(
+  });
+  const y = Ot(n).sort(), b = y.join(",");
+  et.baseStyle.has(b) ? l = et.baseStyle.get(b) : await new Promise((m) => {
+    U(
+      () => {
+        l = Yt(y), et.baseStyle.set(b, l), m();
+      },
+      { fast: a }
+    );
+  }), await new Promise((m) => {
+    U(
       () => {
-        const i = c.getBoundingClientRect();
-        let e = i.width, n = i.height;
-        const d = Number.isFinite(t.width), f = Number.isFinite(t.height), $ = typeof y == "number" && y !== 1;
-        if (!$) {
-          const g = i.width / i.height;
-          d && f ? (e = t.width, n = t.height) : d ? (e = t.width, n = e / g) : f && (n = t.height, e = n * g);
+        const u = getComputedStyle(e);
+        function S(C) {
+          const w = `${C.filter || ""} ${C.webkitFilter || ""}`.trim();
+          if (!w || w === "none")
+            return {
+              bleed: { top: 0, right: 0, bottom: 0, left: 0 },
+              has: !1
+            };
+          const P = w.match(/drop-shadow\((?:[^()]|\([^()]*\))*\)/gi) || [];
+          let B = 0, I = 0, D = 0, E = 0, X = !1;
+          for (const vt of P) {
+            X = !0;
+            const St = vt.match(/-?\d+(?:\.\d+)?px/gi)?.map((Ct) => parseFloat(Ct)) || [], [R = 0, tt = 0, ut = 0] = St, mt = Math.abs(R) + ut, ft = Math.abs(tt) + ut;
+            I = Math.max(I, mt + Math.max(R, 0)), E = Math.max(E, mt + Math.max(-R, 0)), D = Math.max(D, ft + Math.max(tt, 0)), B = Math.max(B, ft + Math.max(-tt, 0));
+          }
+          return {
+            bleed: {
+              top: Math.ceil(B),
+              right: Math.ceil(I),
+              bottom: Math.ceil(D),
+              left: Math.ceil(E)
+            },
+            has: X
+          };
         }
-        if (e = Math.ceil(e), n = Math.ceil(n), a.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), a.style.transformOrigin = "top left", !$ && (d || f)) {
-          const g = i.width, N = i.height, z = e / g, H = n / N, I = a.style.transform || "", M = `scale(${z}, ${H})`;
-          a.style.transform = `${M} ${I}`.trim();
+        const v = e.getBoundingClientRect(), p = Math.max(
+          1,
+          Math.ceil(
+            e.offsetWidth || parseFloat(u.width) || v.width || 1
+          )
+        ), g = Math.max(
+          1,
+          Math.ceil(
+            e.offsetHeight || parseFloat(u.height) || v.height || 1
+          )
+        ), nt = (C, w = NaN) => {
+          const P = typeof C == "string" ? parseFloat(C) : C;
+          return Number.isFinite(P) ? P : w;
+        }, V = nt(t.width), J = nt(t.height);
+        let T = p, A = g;
+        const Y = Number.isFinite(V), W = Number.isFinite(J), st = g > 0 ? p / g : 1;
+        Y && W ? (T = Math.max(1, Math.ceil(V)), A = Math.max(1, Math.ceil(J))) : Y ? (T = Math.max(1, Math.ceil(V)), A = Math.max(1, Math.ceil(T / (st || 1)))) : W ? (A = Math.max(1, Math.ceil(J)), T = Math.max(1, Math.ceil(A * (st || 1)))) : (T = p, A = g);
+        let H = 0, N = 0, j = p, k = g;
+        if (r && d && Number.isFinite(d.a)) {
+          const C = {
+            a: d.a,
+            b: d.b || 0,
+            c: d.c || 0,
+            d: d.d || 1,
+            e: 0,
+            f: 0
+          }, w = ht(p, g, C, 0, 0);
+          H = w.minX, N = w.minY, j = w.maxX, k = w.maxY;
+        } else if (!r && jt(e)) {
+          const w = u.transform && u.transform !== "none" ? u.transform : "", P = kt(e), B = qt({
+            baseTransform: w,
+            rotate: P.rotate || "0deg",
+            scale: P.scale,
+            translate: P.translate
+          }), { ox: I, oy: D } = Lt(u, p, g), E = B.is2D ? B : new DOMMatrix(B.toString()), X = ht(p, g, E, I, D);
+          H = X.minX, N = X.minY, j = X.maxX, k = X.maxY;
         }
-        const F = "http://www.w3.org/2000/svg", o = document.createElementNS(F, "foreignObject");
-        o.setAttribute("width", "100%"), o.setAttribute("height", "100%");
-        const P = document.createElement("style");
-        P.textContent = m + v + "svg{overflow:visible;}" + S, o.appendChild(P), o.appendChild(a);
-        const E = new XMLSerializer().serializeToString(o);
-        x = `<svg xmlns="${F}" width="${e}" height="${n}" viewBox="0 0 ${e} ${n}">` + E + "</svg>", C = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(x)}`, s();
+        const z = Dt(u), L = Et(u), _ = Ut(u), q = S(u), K = c ? { top: 0, right: 0, bottom: 0, left: 0 } : {
+          top: z.top + L.top + _.top + q.bleed.top,
+          right: z.right + L.right + _.right + q.bleed.right,
+          bottom: z.bottom + L.bottom + _.bottom + q.bleed.bottom,
+          left: z.left + L.left + _.left + q.bleed.left
+        };
+        H -= K.left, N -= K.top, j += K.right, k += K.bottom;
+        const rt = Math.max(1, Math.ceil(j - H)), ot = Math.max(1, Math.ceil(k - N)), pt = Math.max(
+          1,
+          Math.round(rt * (Y || W ? T / p : 1))
+        ), xt = Math.max(
+          1,
+          Math.round(ot * (W || Y ? A / g : 1))
+        ), it = "http://www.w3.org/2000/svg", F = (G() ? 1 : 0) + (r ? 1 : 0), $ = document.createElementNS(it, "foreignObject"), gt = Math.floor(H), yt = Math.floor(N);
+        $.setAttribute("x", String(-(gt - F))), $.setAttribute("y", String(-(yt - F))), $.setAttribute("width", String(Math.ceil(p + F * 2))), $.setAttribute("height", String(Math.ceil(g + F * 2))), $.style.overflow = "visible";
+        const lt = document.createElement("style");
+        lt.textContent = l + s + "svg{overflow:visible;} foreignObject{overflow:visible;}" + o, $.appendChild(lt);
+        const O = document.createElement("div");
+        O.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), O.style.width = `${p}px`, O.style.height = `${g}px`, O.style.overflow = "visible", n.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), O.appendChild(n), $.appendChild(O);
+        const bt = new XMLSerializer().serializeToString($), Q = rt + F * 2, Z = ot + F * 2, ct = Y || W;
+        t.meta = { w0: p, h0: g, vbW: Q, vbH: Z, targetW: T, targetH: A };
+        const Mt = G() && ct ? Q : pt + F * 2, wt = G() && ct ? Z : xt + F * 2;
+        h = `<svg xmlns="${it}" width="${Mt}" height="${wt}" viewBox="0 0 ${Q} ${Z}">` + bt + "</svg>", x = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(h)}`, m();
       },
-      { fast: r }
+      { fast: a }
     );
   });
-  const w = document.getElementById("snapdom-sandbox");
-  return w && w.style.position === "absolute" && w.remove(), C;
+  const M = document.getElementById("snapdom-sandbox");
+  return M && M.style.position === "absolute" && M.remove(), x;
+}
+function It(e, t) {
+  if (!e || !t || !t.style) return null;
+  const a = getComputedStyle(e);
+  try {
+    t.style.transformOrigin = "0 0";
+  } catch {
+  }
+  try {
+    "translate" in t.style && (t.style.translate = "none"), "rotate" in t.style && (t.style.rotate = "none");
+  } catch {
+  }
+  const r = a.transform || "none";
+  if (r === "none")
+    try {
+      const n = dt(e);
+      if (n.a === 1 && n.b === 0 && n.c === 0 && n.d === 1)
+        return t.style.transform = "none", { a: 1, b: 0, c: 0, d: 1 };
+    } catch {
+    }
+  const c = r.match(/^matrix\(\s*([^)]+)\)$/i);
+  if (c) {
+    const n = c[1].split(",").map((o) => parseFloat(o.trim()));
+    if (n.length === 6 && n.every(Number.isFinite)) {
+      const [o, i, s, l] = n, x = Math.sqrt(o * o + i * i) || 0;
+      let h = 0, d = 0, f = 0, y = 0, b = 0, M = 0;
+      x > 0 && (h = o / x, d = i / x, f = h * s + d * l, y = s - h * f, b = l - d * f, M = Math.sqrt(y * y + b * b) || 0, M > 0 ? f = f / M : f = 0);
+      const m = x, u = 0, S = f * M, v = M;
+      try {
+        t.style.transform = `matrix(${m}, ${u}, ${S}, ${v}, 0, 0)`;
+      } catch {
+      }
+      return { a: m, b: u, c: S, d: v };
+    }
+  }
+  try {
+    const n = String(r).trim();
+    return t.style.transform = n + " translate(0px, 0px) rotate(0deg)", null;
+  } catch {
+    return null;
+  }
+}
+function Dt(e) {
+  const t = e.boxShadow || "";
+  if (!t || t === "none") return { top: 0, right: 0, bottom: 0, left: 0 };
+  const a = t.split(/\),(?=(?:[^()]*\([^()]*\))*[^()]*$)/).map((i) => i.trim());
+  let r = 0, c = 0, n = 0, o = 0;
+  for (const i of a) {
+    const s = i.match(/-?\d+(\.\d+)?px/g)?.map((b) => parseFloat(b)) || [];
+    if (s.length < 2) continue;
+    const [l, x, h = 0, d = 0] = s, f = Math.abs(l) + h + d, y = Math.abs(x) + h + d;
+    c = Math.max(c, f + Math.max(l, 0)), o = Math.max(o, f + Math.max(-l, 0)), n = Math.max(n, y + Math.max(x, 0)), r = Math.max(r, y + Math.max(-x, 0));
+  }
+  return {
+    top: Math.ceil(r),
+    right: Math.ceil(c),
+    bottom: Math.ceil(n),
+    left: Math.ceil(o)
+  };
+}
+function Et(e) {
+  const t = (e.filter || "").match(/blur\(\s*([0-9.]+)px\s*\)/), a = t ? Math.ceil(parseFloat(t[1]) || 0) : 0;
+  return { top: a, right: a, bottom: a, left: a };
+}
+function Ut(e) {
+  if ((e.outlineStyle || "none") === "none")
+    return { top: 0, right: 0, bottom: 0, left: 0 };
+  const t = Math.ceil(parseFloat(e.outlineWidth || "0") || 0);
+  return { top: t, right: t, bottom: t, left: t };
+}
+function ht(e, t, a, r, c) {
+  const n = a.a, o = a.b, i = a.c, s = a.d, l = a.e || 0, x = a.f || 0;
+  function h(m, u) {
+    let S = m - r, v = u - c, p = n * S + i * v, g = o * S + s * v;
+    return p += r + l, g += c + x, [p, g];
+  }
+  const d = [h(0, 0), h(e, 0), h(0, t), h(e, t)];
+  let f = 1 / 0, y = 1 / 0, b = -1 / 0, M = -1 / 0;
+  for (const [m, u] of d)
+    m < f && (f = m), u < y && (y = u), m > b && (b = m), u > M && (M = u);
+  return {
+    minX: f,
+    minY: y,
+    maxX: b,
+    maxY: M,
+    width: b - f,
+    height: M - y
+  };
+}
+function jt(e) {
+  return zt(e);
+}
+function dt(e) {
+  const t = getComputedStyle(e).transform;
+  if (!t || t === "none") return new DOMMatrix();
+  try {
+    return new DOMMatrix(t);
+  } catch {
+    return new WebKitCSSMatrix(t);
+  }
+}
+function kt(e) {
+  const t = { rotate: "0deg", scale: null, translate: null }, a = typeof e.computedStyleMap == "function" ? e.computedStyleMap() : null;
+  if (a) {
+    const c = (s) => {
+      try {
+        return typeof a.has == "function" && !a.has(s) || typeof a.get != "function" ? null : a.get(s);
+      } catch {
+        return null;
+      }
+    }, n = c("rotate");
+    if (n)
+      if (n.angle) {
+        const s = n.angle;
+        t.rotate = s.unit === "rad" ? s.value * 180 / Math.PI + "deg" : s.value + s.unit;
+      } else n.unit ? t.rotate = n.unit === "rad" ? n.value * 180 / Math.PI + "deg" : n.value + n.unit : t.rotate = String(n);
+    else {
+      const s = getComputedStyle(e);
+      t.rotate = s.rotate && s.rotate !== "none" ? s.rotate : "0deg";
+    }
+    const o = c("scale");
+    if (o) {
+      const s = "x" in o && o.x?.value != null ? o.x.value : Array.isArray(o) ? o[0]?.value : Number(o) || 1, l = "y" in o && o.y?.value != null ? o.y.value : Array.isArray(o) ? o[1]?.value : s;
+      t.scale = `${s} ${l}`;
+    } else {
+      const s = getComputedStyle(e);
+      t.scale = s.scale && s.scale !== "none" ? s.scale : null;
+    }
+    const i = c("translate");
+    if (i) {
+      const s = "x" in i && "value" in i.x ? i.x.value : Array.isArray(i) ? i[0]?.value : 0, l = "y" in i && "value" in i.y ? i.y.value : Array.isArray(i) ? i[1]?.value : 0, x = "x" in i && i.x?.unit ? i.x.unit : "px", h = "y" in i && i.y?.unit ? i.y.unit : "px";
+      t.translate = `${s}${x} ${l}${h}`;
+    } else {
+      const s = getComputedStyle(e);
+      t.translate = s.translate && s.translate !== "none" ? s.translate : null;
+    }
+    return t;
+  }
+  const r = getComputedStyle(e);
+  return t.rotate = r.rotate && r.rotate !== "none" ? r.rotate : "0deg", t.scale = r.scale && r.scale !== "none" ? r.scale : null, t.translate = r.translate && r.translate !== "none" ? r.translate : null, t;
+}
+function zt(e) {
+  const t = getComputedStyle(e), a = t.transform || "none";
+  if (a !== "none" && !/^matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*,\s*0\s*,\s*0\s*\)$/i.test(a)) return !0;
+  const c = t.rotate && t.rotate !== "none" && t.rotate !== "0deg", n = t.scale && t.scale !== "none" && t.scale !== "1", o = t.translate && t.translate !== "none" && t.translate !== "0px 0px";
+  return !!(c || n || o);
+}
+function Lt(e, t, a) {
+  const r = (e.transformOrigin || "0 0").trim().split(/\s+/), [c, n] = [r[0] || "0", r[1] || "0"], o = (i, s) => {
+    const l = i.toLowerCase();
+    return l === "left" || l === "top" ? 0 : l === "center" ? s / 2 : l === "right" || l === "bottom" ? s : l.endsWith("px") ? parseFloat(l) || 0 : l.endsWith("%") ? (parseFloat(l) || 0) * s / 100 : /^-?\d+(\.\d+)?$/.test(l) && parseFloat(l) || 0;
+  };
+  return {
+    ox: o(c, t),
+    oy: o(n, a)
+  };
+}
+var at = null;
+function _t() {
+  if (at) return at;
+  const e = document.createElement("div");
+  return e.id = "snapdom-measure-slot", e.setAttribute("aria-hidden", "true"), Object.assign(e.style, {
+    position: "absolute",
+    left: "-99999px",
+    top: "0px",
+    width: "0px",
+    height: "0px",
+    overflow: "hidden",
+    opacity: "0",
+    pointerEvents: "none",
+    contain: "size layout style"
+  }), document.documentElement.appendChild(e), at = e, e;
+}
+function qt(e) {
+  const t = _t(), a = document.createElement("div");
+  a.style.transformOrigin = "0 0", e.baseTransform && (a.style.transform = e.baseTransform), e.rotate && (a.style.rotate = e.rotate), e.scale && (a.style.scale = e.scale), e.translate && (a.style.translate = e.translate), t.appendChild(a);
+  const r = dt(a);
+  return t.removeChild(a), r;
 }
 export {
-  V as captureDOM
+  oe as captureDOM
 };