@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/core/capture.js

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