@mce/bigesj 0.2.4 → 0.2.5

package/dist/convert/image.d.ts

@@ -0,0 +1 @@
+export declare function convertImageElementToUrl(el: Record<string, any>): Promise<string>;

package/dist/convert/index.d.ts

@@ -1,4 +1,7 @@
 export * from './animation';
 export * from './doc';
 export * from './element';
+export * from './image';
 export * from './layout';
+export * from './svg';
+export * from './text';

package/dist/convert/svg.d.ts

@@ -0,0 +1 @@
+export declare function convertSvgElementToUrl(el: Record<string, any>): Promise<string>;

package/dist/index.js

@@ -1,70 +1,70 @@
-import { useEditor as k, definePlugin as O } from "mce";
-import { Element2D as v } from "modern-canvas";
-import { ref as D, effectScope as Q, getCurrentScope as X, onScopeDispose as G, onBeforeUnmount as W } from "vue";
-import { idGenerator as h, normalizeCRLF as F, isGradient as P } from "modern-idoc";
-import { gunzipSync as B } from "fflate";
-const C = D([]);
-function J(e, r) {
-  const n = [];
+import { useEditor as rt, definePlugin as ot } from "mce";
+import { assets as B, Element2D as nt } from "modern-canvas";
+import { ref as Z, effectScope as it, getCurrentScope as ft, onScopeDispose as ct, onBeforeUnmount as lt } from "vue";
+import { idGenerator as U, normalizeCRLF as Mt, isGradient as dt } from "modern-idoc";
+import { gunzipSync as Lt } from "fflate";
+const X = Z([]);
+function wt(e, r) {
+  const o = [];
   for (let t = 0; t <= r.length; t++)
-    n[t] = [t];
+    o[t] = [t];
   for (let t = 0; t <= e.length; t++)
-    n[0][t] = t;
+    o[0][t] = t;
   for (let t = 1; t <= r.length; t++)
-    for (let i = 1; i <= e.length; i++) {
-      const o = e[i - 1] === r[t - 1] ? 0 : 1;
-      n[t][i] = Math.min(n[t - 1][i] + 1, n[t][i - 1] + 1, n[t - 1][i - 1] + o);
+    for (let s = 1; s <= e.length; s++) {
+      const n = e[s - 1] === r[t - 1] ? 0 : 1;
+      o[t][s] = Math.min(o[t - 1][s] + 1, o[t][s - 1] + 1, o[t - 1][s - 1] + n);
     }
-  return n[r.length][e.length];
+  return o[r.length][e.length];
 }
-function U() {
+function mt() {
   const {
     loadFont: e
-  } = k(), r = D(/* @__PURE__ */ new Map());
-  async function n(o) {
-    let s = C.value;
-    return s.length || (s = await fetch(o).then((f) => f.json()).then((f) => f.data.datalist), C.value = s), s;
+  } = rt(), r = Z(/* @__PURE__ */ new Map());
+  async function o(n) {
+    let i = X.value;
+    return i.length || (i = await fetch(n).then((f) => f.json()).then((f) => f.data.datalist), X.value = i), i;
   }
-  function t(o, s = C.value) {
-    const f = new Map(s.map((a, c) => [a.id, c])), L = new Map(
-      s.flatMap((a, c) => [...a.en_name.split(","), ...a.name.split(",")].map((l) => [l, c]))
-    ), d = o.replace(/"/g, "").split(",");
-    let M;
+  function t(n, i = X.value) {
+    const f = new Map(i.map((a, l) => [a.id, l])), M = new Map(
+      i.flatMap((a, l) => [...a.en_name.split(","), ...a.name.split(",")].map((L) => [L, l]))
+    ), d = n.replace(/"/g, "").split(",");
+    let c;
     if (d.forEach((a) => {
-      M ??= f.get(a), M ??= L.get(a);
-    }), M === void 0) {
+      c ??= f.get(a), c ??= M.get(a);
+    }), c === void 0) {
       let a;
-      d.forEach((c) => {
-        let l = c;
-        l.endsWith(" R") ? l = `${l.substring(0, l.length - 2)}常规` : l.endsWith(" B") && (l = `${l.substring(0, l.length - 2)}粗体`);
-        const w = l.length;
-        L.forEach((u, m) => {
-          const y = J(l, m);
-          if (w <= y)
+      d.forEach((l) => {
+        let L = l;
+        L.endsWith(" R") ? L = `${L.substring(0, L.length - 2)}常规` : L.endsWith(" B") && (L = `${L.substring(0, L.length - 2)}粗体`);
+        const w = L.length;
+        M.forEach((y, m) => {
+          const C = wt(L, m);
+          if (w <= C)
             return;
-          const j = -(y * 0.9 + (m.endsWith("常规") ? 0 : 1) * 0.1);
-          (a === void 0 || j > a) && (a = j, M = u);
+          const j = -(C * 0.9 + (m.endsWith("常规") ? 0 : 1) * 0.1);
+          (a === void 0 || j > a) && (a = j, c = y);
         });
       });
     }
-    return M !== void 0 ? s[M] : void 0;
+    return c !== void 0 ? i[c] : void 0;
   }
-  async function i(o) {
-    const s = typeof o == "string" ? [o] : o, f = [];
-    for (const L of s) {
-      let d = r.value.get(L);
+  async function s(n) {
+    const i = typeof n == "string" ? [n] : n, f = [];
+    for (const M of i) {
+      let d = r.value.get(M);
       if (!d) {
-        const M = t(L);
-        if (M && (d = r.value.get(M.en_name), !d)) {
+        const c = t(M);
+        if (c && (d = r.value.get(c.en_name), !d)) {
           const a = Array.from(
             new Set(
-              [L, M.en_name].filter(Boolean).map((c) => c.replace(/"/g, ""))
+              [M, c.en_name].filter(Boolean).map((l) => l.replace(/"/g, ""))
             )
           );
           d = e({
             family: a,
-            src: M.fonturl
-          }), a.forEach((c) => r.value.set(c, d)), r.value.set(String(L), d);
+            src: c.fonturl
+          }), a.forEach((l) => r.value.set(l, d)), r.value.set(String(M), d);
         }
       }
       d && f.push(d);
@@ -72,39 +72,39 @@ function U() {
     return await Promise.all(f);
   }
   return {
-    bigeFonts: C,
+    bigeFonts: X,
     searchBigeFont: t,
-    loadBigeFonts: n,
-    loadFont: i
+    loadBigeFonts: o,
+    loadFont: s
   };
 }
-function R(e, r) {
-  return X() ? (G(e, r), !0) : !1;
+function ut(e, r) {
+  return ft() ? (ct(e, r), !0) : !1;
 }
-const Z = typeof window < "u" && typeof document < "u";
+const gt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 // @__NO_SIDE_EFFECTS__
-function $(e) {
-  if (!Z) return e;
-  let r = 0, n, t;
-  const i = () => {
-    r -= 1, t && r <= 0 && (t.stop(), n = void 0, t = void 0);
+function yt(e) {
+  if (!gt) return e;
+  let r = 0, o, t;
+  const s = () => {
+    r -= 1, t && r <= 0 && (t.stop(), o = void 0, t = void 0);
   };
-  return ((...o) => (r += 1, t || (t = Q(!0), n = t.run(() => e(...o))), R(i), n));
+  return ((...n) => (r += 1, t || (t = it(!0), o = t.run(() => e(...n))), ut(s), o));
 }
-const I = /* @__PURE__ */ $(() => {
+const _ = /* @__PURE__ */ yt(() => {
   const e = /* @__PURE__ */ new Map();
-  function r(t, i) {
-    let o = e.get(t);
-    return o || (o = fetch(t).then(i), e.set(t, o)), o;
+  function r(t, s) {
+    let n = e.get(t);
+    return n || (n = fetch(t).then(s), e.set(t, n)), n;
   }
-  async function n(t) {
-    return r(t, (i) => i.text());
+  async function o(t) {
+    return r(t, (s) => s.text());
   }
   return {
-    fetchToText: n
+    fetchToText: o
   };
-}), g = {
+}), Y = {
   easing: {
     匀速: "linear",
     加速: "cubic-bezier(0.55, 0, 1, 0.45)",
@@ -437,66 +437,66 @@ const I = /* @__PURE__ */ $(() => {
     ]
   }
 };
-function A(e, r, n) {
+function G(e, r, o) {
   const {
     name: t,
-    delay: i = 0,
-    duration: o,
-    iterations: s,
+    delay: s = 0,
+    duration: n,
+    iterations: i,
     mode: f,
-    easing: L,
+    easing: M,
     path: d,
-    offsetRotate: M,
+    offsetRotate: c,
     ...a
   } = r;
-  let c;
+  let l;
   if (t === "自定义路径" && d) {
-    let l = `M ${e.style.width / 2} ${e.style.height / 2}`;
-    d.forEach((u) => {
-      const m = Object.keys(u);
-      l += ` ${m[0]}${u[m[0]].join(" ")}`;
+    let L = `M ${e.style.width / 2} ${e.style.height / 2}`;
+    d.forEach((y) => {
+      const m = Object.keys(y);
+      L += ` ${m[0]}${y[m[0]].join(" ")}`;
     });
-    const w = `path("${l}")`;
-    switch (n) {
+    const w = `path("${L}")`;
+    switch (o) {
       case "in":
-        c = [
-          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: M },
-          { offsetDistance: "0%", offsetPath: w, offsetRotate: M }
+        l = [
+          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: c },
+          { offsetDistance: "0%", offsetPath: w, offsetRotate: c }
         ];
         break;
       case "stay":
-        c = [
-          { offsetDistance: "0%", offsetPath: w, offsetRotate: M },
-          { offsetDistance: "100%", offsetPath: w, offsetRotate: M }
+        l = [
+          { offsetDistance: "0%", offsetPath: w, offsetRotate: c },
+          { offsetDistance: "100%", offsetPath: w, offsetRotate: c }
         ];
         break;
       case "out":
-        c = [
-          { offsetDistance: "0%", offsetPath: w, offsetRotate: M },
-          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: M }
+        l = [
+          { offsetDistance: "0%", offsetPath: w, offsetRotate: c },
+          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: c }
         ];
         break;
     }
   } else
-    switch (n) {
+    switch (o) {
       case "in":
-        c = g.textIn[t]?.[0] ?? g.in[t];
+        l = Y.textIn[t]?.[0] ?? Y.in[t];
         break;
       case "stay":
-        c = g.stay[t];
+        l = Y.stay[t];
         break;
       case "out":
-        c = g.out[t];
+        l = Y.out[t];
         break;
     }
   return {
-    id: h(),
+    id: U(),
     name: r.name ?? r.title ?? r.id,
-    delay: i,
-    duration: t ? o * (s || 1) : 0,
+    delay: s,
+    duration: t ? n * (i || 1) : 0,
     effectMode: f === "逐字" || f === "逐行" ? "sibling" : "parent",
-    keyframes: c ?? [],
-    easing: g.easing[L],
+    keyframes: l ?? [],
+    easing: Y.easing[M],
     meta: {
       ...a,
       inCanvasIs: "Animation",
@@ -505,163 +505,338 @@ function A(e, r, n) {
     }
   };
 }
-function H(e) {
+function jt(e) {
   if (!e.animations?.length)
     return {
       delay: 0,
       duration: 0,
       animations: []
     };
-  let r, n, t;
-  e.animations[0].in ? (r = e.animations[0].in, n = e.animations[0].stay, t = e.animations[0].out) : (r = e.animations?.find((f) => f.category === "in"), n = e.animations?.find((f) => f.category === "stay"), t = e.animations?.find((f) => f.category === "out"));
-  const i = r?.delay ?? 0, o = t ? t.delay - i + t.duration : 0, s = [];
-  return r && s.push(
-    A(e, {
+  let r, o, t;
+  e.animations[0].in ? (r = e.animations[0].in, o = e.animations[0].stay, t = e.animations[0].out) : (r = e.animations?.find((f) => f.category === "in"), o = e.animations?.find((f) => f.category === "stay"), t = e.animations?.find((f) => f.category === "out"));
+  const s = r?.delay ?? 0, n = t ? t.delay - s + t.duration : 0, i = [];
+  return r && i.push(
+    G(e, {
       ...r,
       delay: 0
     }, "in")
-  ), n && s.push(
-    A(e, {
-      ...n,
-      delay: n.delay - i
+  ), o && i.push(
+    G(e, {
+      ...o,
+      delay: o.delay - s
     }, "stay")
-  ), t && s.push(
-    A(e, {
+  ), t && i.push(
+    G(e, {
       ...t,
-      delay: t.delay - i
+      delay: t.delay - s
     }, "out")
   ), {
-    delay: i,
-    duration: o - i,
-    animations: s.filter((f) => !!f?.keyframes)
+    delay: s,
+    duration: n - s,
+    animations: i.filter((f) => !!f?.keyframes)
   };
 }
-const _ = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcyIDcyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTE5LjMsMzguMWMwLjIsMC41LDAuNCwwLjksMC43LDEuNGMwLjIsMC4zLDAuNCwwLjQsMC44LDAuNGMwLjMsMCwwLjUtMC4xLDAuNi0wLjRjMC4xLTAuMywwLjEtMC42LDAuMi0wLjkgICBjMC0wLjIsMC4xLTAuNCwwLjMtMC41YzAuMi0wLjEsMC40LTAuMiwwLjYtMC4xYzAuMiwwLDAuNCwwLjEsMC41LDAuM2MwLjEsMC4yLDAuMiwwLjQsMC4xLDAuNmMtMC4xLDAuNi0wLjIsMS4yLTAuNCwxLjcgICBjLTAuMywwLjgtMC45LDEuMi0xLjcsMS4yYy0wLjksMC0xLjYtMC40LTIuMS0xLjJjLTAuMy0wLjQtMC41LTAuOC0wLjctMS4zYy0wLjQsMC4zLTEsMC42LTEuNywxYy0wLjUsMC4yLTAuOCwwLjEtMS4xLTAuMyAgIGMtMC4yLTAuNS0wLjEtMC45LDAuMy0xLjFjMC43LTAuNCwxLjQtMC44LDEuOS0xLjFjLTAuMi0wLjktMC40LTIuMS0wLjUtMy43TDE1LjksMzRjLTAuMiwwLTAuNCwwLTAuNi0wLjEgICBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4yLDAtMC40LDAuMi0wLjZzMC4zLTAuMywwLjUtMC4zbDEuMi0wLjFjLTAuMS0wLjktMC4xLTEuOS0wLjEtMi45YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjItMC4xLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjIsMC4zLDAuMywwLjZjMCwwLjEsMCwxLDAuMSwyLjdsMy4yLTAuNGMwLjIsMCwwLjQsMCwwLjUsMC4xICAgYzAuMiwwLjEsMC4zLDAuMywwLjMsMC41czAsMC40LTAuMSwwLjVjLTAuMSwwLjItMC4zLDAuMy0wLjUsMC4zbC0zLjMsMC40YzAuMSwxLjIsMC4yLDIuMSwwLjMsMi44YzAuNy0wLjYsMS40LTEuNCwyLTIuMiAgIGMwLjMtMC40LDAuNy0wLjQsMS4xLTAuMmMwLjQsMC4zLDAuNCwwLjcsMC4yLDFDMjEuMywzNi4zLDIwLjQsMzcuMywxOS4zLDM4LjF6IE0yMC42LDMxLjFjLTAuMy0wLjItMC43LTAuNS0xLjEtMC44ICAgYy0wLjMtMC4zLTAuMy0wLjYtMC4xLTAuOWMwLjMtMC4zLDAuNi0wLjQsMS0wLjJjMC40LDAuMiwwLjcsMC41LDEuMSwwLjdjMC40LDAuMywwLjQsMC42LDAuMiwxQzIxLjMsMzEuMywyMSwzMS4zLDIwLjYsMzEuMXogICAgTTIzLjMsMzAuOWMwLTAuMiwwLjEtMC40LDAuMi0wLjVjMC4xLTAuMSwwLjMtMC4yLDAuNi0wLjJzMC40LDAuMSwwLjYsMC4yYzAuMSwwLjEsMC4yLDAuMywwLjIsMC41djYuNWMwLDAuMi0wLjEsMC40LTAuMiwwLjUgICBjLTAuMSwwLjEtMC4zLDAuMi0wLjYsMC4ycy0wLjQtMC4xLTAuNi0wLjJjLTAuMS0wLjEtMC4yLTAuMy0wLjItMC41VjMwLjl6IE0yNC4zLDQxLjZjLTAuMiwwLTAuNC0wLjEtMC42LTAuMiAgIGMtMC4yLTAuMS0wLjItMC4zLTAuMi0wLjZjMC0wLjIsMC4xLTAuNCwwLjItMC42YzAuMi0wLjEsMC4zLTAuMiwwLjYtMC4yaDAuOWMwLjYsMCwxLTAuNCwxLTEuMXYtOS40YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjItMC4xLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjIsMC4zLDAuMiwwLjZWMzljMCwwLjgtMC4yLDEuNS0wLjcsMS45cy0xLjEsMC43LTEuOCwwLjdIMjQuM3oiLz4KCTxwYXRoIGQ9Ik00MC42LDM3LjdoLTMuOHYwLjdoNC40YzAuMSwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNGMwLDAuMS0wLjEsMC4zLTAuMiwwLjRjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC4yICAgaC00LjR2MC43SDQyYzAuMiwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNHMtMC4xLDAuMy0wLjIsMC40Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuMkgzMGMtMC4yLDAtMC4zLTAuMS0wLjQtMC4yICAgYy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuNHMwLjEtMC4zLDAuMi0wLjRjMC4xLTAuMSwwLjItMC4yLDAuNC0wLjJoNS4ydi0wLjdoLTQuNGMtMC4xLDAtMC4zLTAuMS0wLjQtMC4ycy0wLjItMC4yLTAuMi0wLjQgICBjMC0wLjEsMC4xLTAuMywwLjItMC40czAuMi0wLjIsMC40LTAuMmg0LjR2LTAuN2gtMy43aDBjLTAuMiwwLTAuNC0wLjEtMC42LTAuMnMtMC4yLTAuMy0wLjItMC42di0zLjFjMC0wLjIsMC4xLTAuNCwwLjItMC42ICAgYzAuMS0wLjEsMC4zLTAuMiwwLjYtMC4yaDMuOHYtMC44SDMwYy0wLjIsMC0wLjMtMC4xLTAuNC0wLjJjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40czAuMS0wLjMsMC4yLTAuNGMwLjEtMC4xLDAuMi0wLjIsMC40LTAuMiAgIGg1LjJ2LTAuOGMtMS40LDAtMi45LDAuMS00LjMsMC4xYy0wLjIsMC0wLjMsMC0wLjQtMC4xYy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuNGMwLTAuMiwwLTAuMywwLjItMC40YzAuMS0wLjEsMC4zLTAuMiwwLjQtMC4yICAgYzMuMywwLDYuOC0wLjEsMTAuMi0wLjNjMC4yLDAsMC4zLDAsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNGMwLDAuMiwwLDAuMy0wLjEsMC40Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuMiAgIGMtMS4xLDAtMi41LDAuMS00LjMsMC4xdjAuOGg1LjFjMC4yLDAsMC4zLDAuMSwwLjQsMC4yYzAuMSwwLjEsMC4yLDAuMiwwLjIsMC40cy0wLjEsMC4zLTAuMiwwLjRjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC4yaC01LjEgICB2MC44aDMuOGMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZ2My4xYzAsMC4yLTAuMSwwLjQtMC4yLDAuNkM0MSwzNy43LDQwLjgsMzcuNyw0MC42LDM3Ljd6IE0zNS4xLDM0LjlWMzQgICBoLTIuOXYwLjlIMzUuMXogTTM1LjEsMzYuN3YtMC45aC0yLjl2MC45SDM1LjF6IE0zOS44LDM0LjlWMzRoLTIuOXYwLjlIMzkuOHogTTM5LjgsMzYuN3YtMC45aC0yLjl2MC45SDM5Ljh6Ii8+Cgk8cGF0aCBkPSJNNDUuNSw0MS4xYy0wLjMsMC40LTAuNywwLjUtMS4xLDAuM2MtMC40LTAuMy0wLjUtMC43LTAuMy0xLjFsMS0xLjdjMC4zLTAuNCwwLjctMC41LDEuMS0wLjNjMC40LDAuMywwLjUsMC43LDAuMywxLjEgICBMNDUuNSw0MS4xeiBNNTUsMzcuN2MtMC4xLDAtMC4xLDAtMC4yLDBoLTguOWMtMC4zLDAtMC41LTAuMS0wLjYtMC4yYy0wLjItMC4yLTAuMi0wLjQtMC4yLTAuNnYtMy40YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjEtMC4xLDAuMy0wLjIsMC42LTAuMmgzLjN2LTMuMWMwLTAuMiwwLjEtMC40LDAuMi0wLjZjMC4yLTAuMiwwLjQtMC4yLDAuNi0wLjJzMC40LDAuMSwwLjYsMC4yYzAuMiwwLjIsMC4yLDAuNCwwLjIsMC42djAuM0g1NiAgIGMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZzLTAuMSwwLjQtMC4yLDAuNWMtMC4xLDAuMS0wLjMsMC4yLTAuNiwwLjJoLTUuMnYxLjNoNGMwLjIsMCwwLjQsMC4xLDAuNiwwLjIgICBjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZ2My40QzU1LjYsMzcuMyw1NS40LDM3LjYsNTUsMzcuN3ogTTUzLjksMzYuMnYtMmgtNy4xdjJINTMuOXogTTQ5LjYsNDAuN2MwLDAuMy0wLjEsMC41LTAuMiwwLjYgICBjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMS0wLjItMC4yLTAuNC0wLjItMC42bDAtMS42YzAtMC4yLDAuMS0wLjQsMC4yLTAuNmMwLjItMC4yLDAuMy0wLjIsMC42LTAuMiAgIHMwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMiwwLjIsMC40LDAuMiwwLjZWNDAuN3ogTTUyLjgsNDAuN2MwLDAuMi0wLjEsMC40LTAuMiwwLjZjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yICAgYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMi0wLjEtMC4yLTAuMy0wLjItMC42bDAtMS42YzAtMC4yLDAuMS0wLjQsMC4yLTAuNmMwLjItMC4yLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjIgICBjMC4yLDAuMiwwLjIsMC40LDAuMiwwLjZWNDAuN3ogTTU2LjYsNDAuM2MwLjIsMC40LDAuMSwwLjgtMC4zLDEuMWMtMC41LDAuMy0wLjgsMC4yLTEuMS0wLjNsLTEtMS43Yy0wLjItMC41LTAuMS0wLjgsMC4zLTEuMSAgIGMwLjUtMC4yLDAuOS0wLjEsMS4xLDAuM0w1Ni42LDQwLjN6Ii8+CjwvZz4KPC9zdmc+";
-async function V(e, r = !1) {
-  const { fetchToText: n } = I(), t = {
+async function V(e) {
+  const {
+    transform: r = {},
+    style: o = {},
+    maskUrl: t,
+    imageEffects: s = [],
+    imageEffectsRatio: n = 1
+  } = e, i = e.clipUrl || e.url, {
+    translateX: f = 0,
+    translateY: M = 0,
+    zoom: d = 1
+  } = r ?? {}, {
+    scaleX: c = 1,
+    scaleY: a = 1,
+    filter: l
+  } = o;
+  if (f === 0 && M === 0 && d === 1 && c === 1 && a === 1 && !t && !l && !s.length)
+    return i;
+  const L = await B.fetchImageBitmap(i), {
+    originWidth: w = L.width,
+    originHeight: y = L.height,
+    imageWidth: m = w,
+    imageHeight: C = y
+  } = r, {
+    width: j = w,
+    height: h = y
+  } = o, D = window.devicePixelRatio || 1, [g, u] = W(j, h, D);
+  if (l && (u.filter = l), u.scale(c, a), u.translate(c < 0 ? -j : 0, a < 0 ? -h : 0), t) {
+    const T = await B.fetchImageBitmap(t);
+    u.drawImage(T, 0, 0, T.width, T.height, 0, 0, j, h), T.close(), u.globalCompositeOperation = "source-in";
+  }
+  const A = m * d, k = C * d, tt = -(A / 2 - m / 2) + f, et = -(k / 2 - C / 2) + M;
+  if (u.drawImage(L, 0, 0, L.width, L.height, tt, et, A, k), L.close(), u.globalCompositeOperation = "source-over", s.length > 0) {
+    const S = {
+      x: (j - j * 0.9) / 2,
+      y: (h - h * 0.9) / 2
+    }, v = await createImageBitmap(g);
+    u.clearRect(0, 0, g.width, g.height), u.scale(0.9, 0.9);
+    for (let F = s.length - 1; F >= 0; F--) {
+      const { filling: E, offset: R, stroke: at } = s[F];
+      let z = v;
+      if (E) {
+        const [I, x] = W(j, h, D);
+        if (x.drawImage(z, 0, 0, j, h), x.globalCompositeOperation = "source-in", E.color) {
+          const [p, N] = W(j, h, D);
+          N.fillStyle = E.color, N.fillRect(0, 0, j, h), x.drawImage(p, 0, 0, j, h);
+        } else if (E.imageContent?.image) {
+          const p = await B.fetchImageBitmap(E.imageContent.image);
+          x.drawImage(p, 0, 0, j, h), p.close();
+        }
+        z = I;
+      }
+      if (at?.forEach(({ width: I, color: x }) => {
+        z = new ht().use((p, N, O) => {
+          const [, J] = W(N.width, N.height);
+          J.drawImage(N, 0, 0);
+          const st = Ct(J), $ = O.thickness, H = O.thickness;
+          p.strokeStyle = O.color, p.lineWidth = O.thickness * 2, p.lineJoin = "round", st.forEach((b) => {
+            p.beginPath(), p.moveTo($ + b[0].x, H + b[1].y);
+            for (let Q = 1; Q < b.length; Q++)
+              p.lineTo($ + b[Q].x, H + b[Q].y);
+            p.closePath();
+          }), p.stroke();
+        }).make(z, {
+          color: x,
+          thickness: I / 50 * n
+        });
+      }), R) {
+        let { x: I, y: x } = R;
+        I = I / 50 * n * 200, x = x / 50 * n * 200, u.drawImage(z, I + S.x, x + S.y, j, h);
+      } else
+        u.drawImage(z, S.x, S.y, j, h);
+    }
+    v.close();
+  }
+  return await new Promise((T) => {
+    g.toBlob((S) => {
+      try {
+        T(URL.createObjectURL(S));
+      } catch (v) {
+        console.error(`Failed to URL.createObjectURL, url: ${i}`, v), T(i);
+      }
+    });
+  });
+}
+function W(e, r, o = 1) {
+  const t = document.createElement("canvas");
+  t.width = e * o, t.height = r * o, t.style.width = `${e}px`, t.style.height = `${r}px`;
+  const s = t.getContext("2d");
+  return s.scale(o, o), [t, s];
+}
+class ht {
+  canvas = document.createElement("canvas");
+  method;
+  use(r) {
+    return this.method = r, this;
+  }
+  make(r, o) {
+    const { canvas: t } = this, s = this.canvas.getContext("2d"), n = o.thickness * 2, [i, f] = [r.width, r.height].map((M) => M + n);
+    return (i !== t.width || f !== t.height) && (t.width = i, t.height = f), s.clearRect(0, 0, s.canvas.width, s.canvas.height), this.method(s, r, o), s.drawImage(r, o.thickness, o.thickness), t;
+  }
+}
+function Ct(e) {
+  const t = e.canvas.width, s = e.canvas.height, n = [];
+  let i = 3;
+  const f = 100;
+  return (() => {
+    const d = [], c = new Uint32Array(e.getImageData(0, 0, t, s).data.buffer);
+    let a, l, L, w, y = -1, m, C = 9;
+    const j = [9, 0, 3, 3, 2, 0, 9, 3, 1, 9, 1, 1, 2, 0, 2, 9];
+    function h(g, u) {
+      return g >= 0 && u >= 0 && g < t && u < s ? c[u * t + g] >>> 24 > f : !1;
+    }
+    function D(g, u) {
+      let A = 0;
+      return h(g - 1, u - 1) && (A += 1), h(g, u - 1) && (A += 2), h(g - 1, u) && (A += 4), h(g, u) && (A += 8), A === 6 ? C === 0 ? 2 : 3 : A === 9 ? C === 3 ? 0 : 1 : j[A];
+    }
+    for (let g = i; g < c.length; g++)
+      if (c[g] >>> 24 > f) {
+        y = i = g;
+        break;
+      }
+    if (y >= 0) {
+      a = L = y % t, l = w = Math.floor(y / t);
+      do
+        m = D(a, l), m === 0 ? l-- : m === 1 ? l++ : m === 2 ? a-- : m === 3 && a++, m !== C && (d.push({ x: a + 0, y: l + 0 }), C = m);
+      while (a !== L || l !== w);
+    }
+    return n.push(d), d;
+  })(), n;
+}
+async function pt(e) {
+  const {
+    id: r,
+    doc: o,
+    url: t,
+    style: s = {},
+    background: n = {}
+  } = e;
+  let i = o;
+  i || (i = await fetch(t).then((M) => M.text()));
+  const f = new DOMParser().parseFromString(
+    i.replace(new RegExp(`#el-${r} `, "gi"), "").replace(/data-colors\s/, " ").replace(/[a-z-]+="([^\s<]*<\S*)"/gi, ""),
+    "image/svg+xml"
+  ).documentElement;
+  if (!(f instanceof SVGElement))
+    throw new TypeError(`Failed to DOMParser, parse svg to DOM error: ${i}`);
+  if (n.src) {
+    const M = `#${r}-fill-blip`, d = f.querySelector(M), c = d?.querySelector("image");
+    if (d && c)
+      try {
+        const a = await B.fetchImageBitmap(n.src).then((l) => {
+          const L = document.createElement("canvas");
+          return L.width = l.width, L.height = l.height, L.getContext("2d")?.drawImage(l, 0, 0), l.close(), L.toDataURL("image/png");
+        });
+        c?.setAttribute("href", a), d?.setAttribute("fill", M);
+      } catch (a) {
+        console.error(a);
+      }
+  }
+  return s.width && f.setAttribute("width", String(s.width * 2)), s.height && f.setAttribute("height", String(s.height * 2)), await V({
+    ...e,
+    transform: {
+      ...e.transform,
+      originWidth: s.width,
+      originHeight: s.height
+    },
+    url: `data:image/svg+xml;charset=utf-8,${encodeURIComponent(f.outerHTML)}`
+  });
+}
+const At = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcyIDcyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTE5LjMsMzguMWMwLjIsMC41LDAuNCwwLjksMC43LDEuNGMwLjIsMC4zLDAuNCwwLjQsMC44LDAuNGMwLjMsMCwwLjUtMC4xLDAuNi0wLjRjMC4xLTAuMywwLjEtMC42LDAuMi0wLjkgICBjMC0wLjIsMC4xLTAuNCwwLjMtMC41YzAuMi0wLjEsMC40LTAuMiwwLjYtMC4xYzAuMiwwLDAuNCwwLjEsMC41LDAuM2MwLjEsMC4yLDAuMiwwLjQsMC4xLDAuNmMtMC4xLDAuNi0wLjIsMS4yLTAuNCwxLjcgICBjLTAuMywwLjgtMC45LDEuMi0xLjcsMS4yYy0wLjksMC0xLjYtMC40LTIuMS0xLjJjLTAuMy0wLjQtMC41LTAuOC0wLjctMS4zYy0wLjQsMC4zLTEsMC42LTEuNywxYy0wLjUsMC4yLTAuOCwwLjEtMS4xLTAuMyAgIGMtMC4yLTAuNS0wLjEtMC45LDAuMy0xLjFjMC43LTAuNCwxLjQtMC44LDEuOS0xLjFjLTAuMi0wLjktMC40LTIuMS0wLjUtMy43TDE1LjksMzRjLTAuMiwwLTAuNCwwLTAuNi0wLjEgICBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4yLDAtMC40LDAuMi0wLjZzMC4zLTAuMywwLjUtMC4zbDEuMi0wLjFjLTAuMS0wLjktMC4xLTEuOS0wLjEtMi45YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjItMC4xLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjIsMC4zLDAuMywwLjZjMCwwLjEsMCwxLDAuMSwyLjdsMy4yLTAuNGMwLjIsMCwwLjQsMCwwLjUsMC4xICAgYzAuMiwwLjEsMC4zLDAuMywwLjMsMC41czAsMC40LTAuMSwwLjVjLTAuMSwwLjItMC4zLDAuMy0wLjUsMC4zbC0zLjMsMC40YzAuMSwxLjIsMC4yLDIuMSwwLjMsMi44YzAuNy0wLjYsMS40LTEuNCwyLTIuMiAgIGMwLjMtMC40LDAuNy0wLjQsMS4xLTAuMmMwLjQsMC4zLDAuNCwwLjcsMC4yLDFDMjEuMywzNi4zLDIwLjQsMzcuMywxOS4zLDM4LjF6IE0yMC42LDMxLjFjLTAuMy0wLjItMC43LTAuNS0xLjEtMC44ICAgYy0wLjMtMC4zLTAuMy0wLjYtMC4xLTAuOWMwLjMtMC4zLDAuNi0wLjQsMS0wLjJjMC40LDAuMiwwLjcsMC41LDEuMSwwLjdjMC40LDAuMywwLjQsMC42LDAuMiwxQzIxLjMsMzEuMywyMSwzMS4zLDIwLjYsMzEuMXogICAgTTIzLjMsMzAuOWMwLTAuMiwwLjEtMC40LDAuMi0wLjVjMC4xLTAuMSwwLjMtMC4yLDAuNi0wLjJzMC40LDAuMSwwLjYsMC4yYzAuMSwwLjEsMC4yLDAuMywwLjIsMC41djYuNWMwLDAuMi0wLjEsMC40LTAuMiwwLjUgICBjLTAuMSwwLjEtMC4zLDAuMi0wLjYsMC4ycy0wLjQtMC4xLTAuNi0wLjJjLTAuMS0wLjEtMC4yLTAuMy0wLjItMC41VjMwLjl6IE0yNC4zLDQxLjZjLTAuMiwwLTAuNC0wLjEtMC42LTAuMiAgIGMtMC4yLTAuMS0wLjItMC4zLTAuMi0wLjZjMC0wLjIsMC4xLTAuNCwwLjItMC42YzAuMi0wLjEsMC4zLTAuMiwwLjYtMC4yaDAuOWMwLjYsMCwxLTAuNCwxLTEuMXYtOS40YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjItMC4xLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjIsMC4zLDAuMiwwLjZWMzljMCwwLjgtMC4yLDEuNS0wLjcsMS45cy0xLjEsMC43LTEuOCwwLjdIMjQuM3oiLz4KCTxwYXRoIGQ9Ik00MC42LDM3LjdoLTMuOHYwLjdoNC40YzAuMSwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNGMwLDAuMS0wLjEsMC4zLTAuMiwwLjRjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC4yICAgaC00LjR2MC43SDQyYzAuMiwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNHMtMC4xLDAuMy0wLjIsMC40Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuMkgzMGMtMC4yLDAtMC4zLTAuMS0wLjQtMC4yICAgYy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuNHMwLjEtMC4zLDAuMi0wLjRjMC4xLTAuMSwwLjItMC4yLDAuNC0wLjJoNS4ydi0wLjdoLTQuNGMtMC4xLDAtMC4zLTAuMS0wLjQtMC4ycy0wLjItMC4yLTAuMi0wLjQgICBjMC0wLjEsMC4xLTAuMywwLjItMC40czAuMi0wLjIsMC40LTAuMmg0LjR2LTAuN2gtMy43aDBjLTAuMiwwLTAuNC0wLjEtMC42LTAuMnMtMC4yLTAuMy0wLjItMC42di0zLjFjMC0wLjIsMC4xLTAuNCwwLjItMC42ICAgYzAuMS0wLjEsMC4zLTAuMiwwLjYtMC4yaDMuOHYtMC44SDMwYy0wLjIsMC0wLjMtMC4xLTAuNC0wLjJjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40czAuMS0wLjMsMC4yLTAuNGMwLjEtMC4xLDAuMi0wLjIsMC40LTAuMiAgIGg1LjJ2LTAuOGMtMS40LDAtMi45LDAuMS00LjMsMC4xYy0wLjIsMC0wLjMsMC0wLjQtMC4xYy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuNGMwLTAuMiwwLTAuMywwLjItMC40YzAuMS0wLjEsMC4zLTAuMiwwLjQtMC4yICAgYzMuMywwLDYuOC0wLjEsMTAuMi0wLjNjMC4yLDAsMC4zLDAsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNGMwLDAuMiwwLDAuMy0wLjEsMC40Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuMiAgIGMtMS4xLDAtMi41LDAuMS00LjMsMC4xdjAuOGg1LjFjMC4yLDAsMC4zLDAuMSwwLjQsMC4yYzAuMSwwLjEsMC4yLDAuMiwwLjIsMC40cy0wLjEsMC4zLTAuMiwwLjRjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC4yaC01LjEgICB2MC44aDMuOGMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZ2My4xYzAsMC4yLTAuMSwwLjQtMC4yLDAuNkM0MSwzNy43LDQwLjgsMzcuNyw0MC42LDM3Ljd6IE0zNS4xLDM0LjlWMzQgICBoLTIuOXYwLjlIMzUuMXogTTM1LjEsMzYuN3YtMC45aC0yLjl2MC45SDM1LjF6IE0zOS44LDM0LjlWMzRoLTIuOXYwLjlIMzkuOHogTTM5LjgsMzYuN3YtMC45aC0yLjl2MC45SDM5Ljh6Ii8+Cgk8cGF0aCBkPSJNNDUuNSw0MS4xYy0wLjMsMC40LTAuNywwLjUtMS4xLDAuM2MtMC40LTAuMy0wLjUtMC43LTAuMy0xLjFsMS0xLjdjMC4zLTAuNCwwLjctMC41LDEuMS0wLjNjMC40LDAuMywwLjUsMC43LDAuMywxLjEgICBMNDUuNSw0MS4xeiBNNTUsMzcuN2MtMC4xLDAtMC4xLDAtMC4yLDBoLTguOWMtMC4zLDAtMC41LTAuMS0wLjYtMC4yYy0wLjItMC4yLTAuMi0wLjQtMC4yLTAuNnYtMy40YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjEtMC4xLDAuMy0wLjIsMC42LTAuMmgzLjN2LTMuMWMwLTAuMiwwLjEtMC40LDAuMi0wLjZjMC4yLTAuMiwwLjQtMC4yLDAuNi0wLjJzMC40LDAuMSwwLjYsMC4yYzAuMiwwLjIsMC4yLDAuNCwwLjIsMC42djAuM0g1NiAgIGMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZzLTAuMSwwLjQtMC4yLDAuNWMtMC4xLDAuMS0wLjMsMC4yLTAuNiwwLjJoLTUuMnYxLjNoNGMwLjIsMCwwLjQsMC4xLDAuNiwwLjIgICBjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZ2My40QzU1LjYsMzcuMyw1NS40LDM3LjYsNTUsMzcuN3ogTTUzLjksMzYuMnYtMmgtNy4xdjJINTMuOXogTTQ5LjYsNDAuN2MwLDAuMy0wLjEsMC41LTAuMiwwLjYgICBjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMS0wLjItMC4yLTAuNC0wLjItMC42bDAtMS42YzAtMC4yLDAuMS0wLjQsMC4yLTAuNmMwLjItMC4yLDAuMy0wLjIsMC42LTAuMiAgIHMwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMiwwLjIsMC40LDAuMiwwLjZWNDAuN3ogTTUyLjgsNDAuN2MwLDAuMi0wLjEsMC40LTAuMiwwLjZjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yICAgYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMi0wLjEtMC4yLTAuMy0wLjItMC42bDAtMS42YzAtMC4yLDAuMS0wLjQsMC4yLTAuNmMwLjItMC4yLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjIgICBjMC4yLDAuMiwwLjIsMC40LDAuMiwwLjZWNDAuN3ogTTU2LjYsNDAuM2MwLjIsMC40LDAuMSwwLjgtMC4zLDEuMWMtMC41LDAuMy0wLjgsMC4yLTEuMS0wLjNsLTEtMS43Yy0wLjItMC41LTAuMS0wLjgsMC4zLTEuMSAgIGMwLjUtMC4yLDAuOS0wLjEsMS4xLDAuM0w1Ni42LDQwLjN6Ii8+CjwvZz4KPC9zdmc+";
+async function xt(e, r = !1) {
+  const { fetchToText: o } = _(), t = {
     ...e.style,
-    highlightReferImage: _,
+    highlightReferImage: At,
     listStyleType: "none",
     listStyleImage: "none"
   };
-  return e.style.fontSize && (t.fontSize = Math.floor(e.style.fontSize)), e.listStyle?.colormap && (t.listStyleColormap = e.listStyle?.colormap), r || (e.listMode ? t.listStyleType = "disc" : e.listStyle && (t.listStyleImage = await n(e.listStyle.image), t.listStyleSize = `${e.listStyle.size * 100}%`)), e.background?.enabled ? (t.backgroundImage = e.background.image, t.backgroundSize = e.background.size, t.backgroundColormap = e.background.colormap, t.padding = e.background.padding) : t.padding = 0, t;
+  return e.style.fontSize && (t.fontSize = Math.floor(e.style.fontSize)), e.listStyle?.colormap && (t.listStyleColormap = e.listStyle?.colormap), r || (e.listMode ? t.listStyleType = "disc" : e.listStyle && (t.listStyleImage = await o(e.listStyle.image), t.listStyleSize = `${e.listStyle.size * 100}%`)), e.background?.enabled ? (t.backgroundImage = e.background.image, t.backgroundSize = e.background.size, t.backgroundColormap = e.background.colormap, t.padding = e.background.padding) : t.padding = 0, t;
 }
-async function q(e) {
+async function Tt(e) {
   const r = e.textEffects ?? [];
   if (r.length)
     return await Promise.all(
-      [...r].reverse().map(async (n) => {
-        const t = {}, { offset: i, skew: o, stroke: s, shadow: f, filling: L } = n;
-        if (i && (t.translateX = i.x, t.translateY = i.y), o && (t.skewX = o.x, t.skewY = o.y), s?.color && s.width && (t.textStrokeWidth = s.width, t.textStrokeColor = s.color), f && (t.shadowOffsetX = f.offsetX, t.shadowOffsetY = f.offsetY, t.shadowBlur = f.blur, t.shadowColor = f.color), L) {
-          const { color: d, imageContent: M, gradient: a } = L;
-          M?.image || (a ? t.color = `linear-gradient(${90 - a.angle}deg, ${a.stops.map((c) => `${c.color} ${c.offset * 100}%`).join(",")})` : d && (t.color = d));
+      [...r].reverse().map(async (o) => {
+        const t = {}, { offset: s, skew: n, stroke: i, shadow: f, filling: M } = o;
+        if (s && (t.translateX = s.x, t.translateY = s.y), n && (t.skewX = n.x, t.skewY = n.y), i?.color && i.width && (t.textStrokeWidth = i.width, t.textStrokeColor = i.color), f && (t.shadowOffsetX = f.offsetX, t.shadowOffsetY = f.offsetY, t.shadowBlur = f.blur, t.shadowColor = f.color), M) {
+          const { color: d, imageContent: c, gradient: a } = M;
+          c?.image || (a ? t.color = `linear-gradient(${90 - a.angle}deg, ${a.stops.map((l) => `${l.color} ${l.offset * 100}%`).join(",")})` : d && (t.color = d));
         }
         return t;
       })
     );
 }
-function K(e) {
+function Dt(e) {
   return e.version ? e.contents : e.contents.map((r) => {
-    let n;
-    return r.map((t, i) => {
-      let o = t.content;
-      o = o.replace(/ |\r\n|\n\r|[\n\r\t\v]/g, " "), o = o.replace(/<br\/>/g, `
+    let o;
+    return r.map((t, s) => {
+      let n = t.content;
+      n = n.replace(/ |\r\n|\n\r|[\n\r\t\v]/g, " "), n = n.replace(/<br\/>/g, `
 `);
-      let s = "", f = 0;
-      for (const L of Array.from(o))
-        i === 0 && f === 0 && L === " " || n === " " && L === " " || (s += L), n = L, f++;
+      let i = "", f = 0;
+      for (const M of Array.from(n))
+        s === 0 && f === 0 && M === " " || o === " " && M === " " || (i += M), o = M, f++;
       return {
         ...t,
-        content: s
+        content: i
       };
     }).filter((t) => t.content);
   });
 }
-async function tt(e, r = !1) {
-  const { fetchToText: n } = I(), t = K(e), i = [];
-  for (let o = 0, s = t.length; o < s; o++) {
-    const f = t[o], L = {
+async function It(e, r = !1) {
+  const { fetchToText: o } = _(), t = Dt(e), s = [];
+  for (let n = 0, i = t.length; n < i; n++) {
+    const f = t[n], M = {
       fragments: []
     };
-    i.push(L);
-    for (let d = 0, M = f.length; d < M; d++) {
-      const a = {}, c = f[d];
-      for (const w in c)
-        w !== "id" && c[w] !== "" && (a[w] = c[w]);
-      a.fontSize && (a.fontSize = Math.floor(a.fontSize)), a.content = F(a.content), a.highlight && (a.highlightImage = await n(a.highlight.image), r ? a.highlightSize = "cover" : a.highlight.size && (a.highlightSize = `${a.highlight.size}rem`), a.highlight.colormap && (a.highlightColormap = a.highlight.colormap), a.highlight.line && (a.highlightLine = a.highlight.line), a.highlight.thickness && (a.highlightThickness = `${a.highlight.thickness}%`), delete a.highlight), r || (a.listMode ? L.listStyleType = "disc" : a.listStyle && (L.listStyleImage = await n(a.listStyle.image), L.listStyleSize = `${a.listStyle.size * 100}%`));
-      const l = L.fragments[L.fragments.length - 1];
-      l && Object.keys(l).length === 1 && l.content && Object.keys(a).length === 1 && a.content ? l.content += a.content : L.fragments.push(a);
+    s.push(M);
+    for (let d = 0, c = f.length; d < c; d++) {
+      const a = {}, l = f[d];
+      for (const w in l)
+        w !== "id" && l[w] !== "" && (a[w] = l[w]);
+      a.fontSize && (a.fontSize = Math.floor(a.fontSize)), a.content = Mt(a.content), a.highlight && (a.highlightImage = await o(a.highlight.image), r ? a.highlightSize = "cover" : a.highlight.size && (a.highlightSize = `${a.highlight.size}rem`), a.highlight.colormap && (a.highlightColormap = a.highlight.colormap), a.highlight.line && (a.highlightLine = a.highlight.line), a.highlight.thickness && (a.highlightThickness = `${a.highlight.thickness}%`), delete a.highlight), r || (a.listMode ? M.listStyleType = "disc" : a.listStyle && (M.listStyleImage = await o(a.listStyle.image), M.listStyleSize = `${a.listStyle.size * 100}%`));
+      const L = M.fragments[M.fragments.length - 1];
+      L && Object.keys(L).length === 1 && L.content && Object.keys(a).length === 1 && a.content ? L.content += a.content : M.fragments.push(a);
     }
   }
-  return i;
+  return s;
 }
-const p = (e) => (Number.parseFloat(e) || 0) / 100;
-async function S(e, r, n) {
-  const t = { ...e.style ?? e }, i = {
+const P = (e) => (Number.parseFloat(e) || 0) / 100;
+async function q(e, r, o) {
+  const t = { ...e.style ?? e }, s = {
     inPptIs: "Shape",
     inEditorIs: "Element"
-  }, o = {
-    id: h(),
+  }, n = {
+    id: U(),
     name: e.name ?? e.title ?? e.id,
     style: t,
-    meta: i,
+    meta: s,
     children: []
   };
-  if (t.borderRadius && (t.borderRadius = t.borderRadius * 0.01 * Math.max(t.height, t.width)), r && e.groupStyle && (t.width = r.style.width * p(e.groupStyle.width), t.height = r.style.height * p(e.groupStyle.height), t.left = r.style.width * p(e.groupStyle.left), t.top = r.style.height * p(e.groupStyle.top)), e.editable === !1 && (t.visibility = "hidden"), e.lock === !0 && (i.lock = !0), e.animations?.length) {
-    const s = H(e);
-    o.delay = s.delay, o.duration = s.duration, o.children.push(...s.animations), n && (s.animations.forEach((f) => {
-      n.endTime = Math.max(
-        n.endTime,
-        s.delay + f.delay + f.duration
+  if (t.borderRadius && (t.borderRadius = t.borderRadius * 0.01 * Math.max(t.height, t.width)), r && e.groupStyle && (t.width = r.style.width * P(e.groupStyle.width), t.height = r.style.height * P(e.groupStyle.height), t.left = r.style.width * P(e.groupStyle.left), t.top = r.style.height * P(e.groupStyle.top)), e.editable === !1 && (t.visibility = "hidden"), e.lock === !0 && (s.lock = !0), e.animations?.length) {
+    const i = jt(e);
+    n.delay = i.delay, n.duration = i.duration, n.children.push(...i.animations), o && (i.animations.forEach((f) => {
+      o.endTime = Math.max(
+        o.endTime,
+        i.delay + f.delay + f.duration
       );
-    }), n.endTime = Math.max(n.endTime, s.delay + s.duration));
+    }), o.endTime = Math.max(o.endTime, i.delay + i.duration));
   }
   switch (e.type) {
     case "image":
-      if (i.inPptIs = "Picture", o.foreground = {
-        image: e.url,
+      if (s.inPptIs = "Picture", n.foreground = {
+        image: await V(e),
         fillWithShape: !0
-      }, e.maskUrl, e.cropping) {
-        const s = e.style.width, f = e.style.height, {
-          imageWidth: L,
+      }, e.clipUrl && (s.rawForegroundImage = e.url), e.cropping) {
+        const i = e.style.width, f = e.style.height, {
+          imageWidth: M,
           imageHeight: d,
-          maskWidth: M = s,
+          maskWidth: c = i,
           maskHeight: a = f,
-          translateX: c,
-          translateY: l,
+          translateX: l,
+          translateY: L,
           zoom: w = 1
-        } = e.cropping, u = L * w, m = d * w, y = (u - M) / 2 - c, j = (m - a) / 2 - l, N = y + M / 2, E = j + a / 2, x = -(s / 2 - N), T = -(f / 2 - E), b = u - (x + s), Y = m - (T + f);
-        o.foreground.cropRect = {
-          left: x / u,
-          top: T / m,
-          right: b / u,
-          bottom: Y / m
+        } = e.cropping, y = M * w, m = d * w, C = (y - c) / 2 - l, j = (m - a) / 2 - L, h = C + c / 2, D = j + a / 2, g = -(i / 2 - h), u = -(f / 2 - D), A = y - (g + i), k = m - (u + f);
+        n.foreground.cropRect = {
+          left: g / y,
+          top: u / m,
+          right: A / y,
+          bottom: k / m
         };
       }
       break;
     case "svg": {
-      i.inPptIs = "Picture";
-      let s = e.doc;
-      s || (s = await fetch(e.url).then((f) => f.text())), s = s.replace(new RegExp(`#el-${e.id} `, "gi"), ""), s = s.replace('width="100%"', `width="${t.width * 2}"`), s = s.replace('height="100%"', `height="${t.height * 2}"`), o.foreground = {
-        image: `data:image/svg+xml;charset=utf-8,${encodeURIComponent(s)}`,
+      s.inPptIs = "Picture", n.foreground = {
+        image: await pt(e),
         fillWithShape: !0
       };
       break;
     }
     case "text": {
-      i.inPptIs = "Shape", t.writingMode === "horizontal-tb" ? t.width = Math.ceil(t.width + t.letterSpacing) : t.height = Math.ceil(t.height + t.letterSpacing), o.text = {
-        content: await tt(e),
-        style: await V(e),
-        effects: await q(e),
+      s.inPptIs = "Shape", t.writingMode === "horizontal-tb" ? t.width = Math.ceil(t.width + t.letterSpacing) : t.height = Math.ceil(t.height + t.letterSpacing), n.text = {
+        content: await It(e),
+        style: await xt(e),
+        effects: await Tt(e),
         // plugins: [deformation(el.deformation?.type?.endsWith("byWord") ? -1 : 999, () => el.deformation)],
         drawMode: "texture"
       };
       break;
     }
     case "com":
-      i.inPptIs = "GroupShape", o.children = await Promise.all(
-        e.children.map((s) => S(s, e, n))
-      );
+      s.inPptIs = "GroupShape", n.children = (await Promise.all(
+        e.children.map(async (i) => {
+          try {
+            return await q(i, e, o);
+          } catch (f) {
+            console.warn(f);
+            return;
+          }
+        })
+      )).filter(Boolean);
       break;
     case "pic":
     case "mosaic":
@@ -688,53 +863,60 @@ async function S(e, r, n) {
       console.warn(e);
       break;
   }
-  return o;
+  return n;
 }
-async function et(e, r = !0, n) {
-  const t = h(), i = {
+async function St(e, r = !0, o) {
+  const t = U(), s = {
     ...e.style ?? e
   };
-  r && (i.overflow = "hidden");
-  let o;
-  return e.background && (e.background.color && (o ??= {}, P(e.background.color ?? "") ? o.image = e.background.color : o.color = e.background.color), e.background.image && (o ??= {}, o.image = e.background.image)), {
+  r && (s.overflow = "hidden");
+  let n;
+  return e.background && (e.background.color && (n ??= {}, dt(e.background.color ?? "") ? n.image = e.background.color : n.color = e.background.color), e.background.image && (n ??= {}, n.image = e.background.image)), {
     id: t,
     name: r ? `Frame ${t}` : e.name,
-    style: i,
+    style: s,
     // TODO 过滤掉部分属性
-    background: o,
-    children: await Promise.all(
-      e.elements.map((s) => S(s, void 0, n))
-    ),
+    background: n,
+    children: (await Promise.all(
+      e.elements.map(async (i) => {
+        try {
+          return await q(i, void 0, o);
+        } catch (f) {
+          console.warn(f);
+          return;
+        }
+      })
+    )).filter(Boolean),
     meta: {
       inPptIs: r ? "Slide" : "GroupShape",
       inEditorIs: r ? "Frame" : "Element"
     }
   };
 }
-async function z(e, r = 48) {
+async function K(e, r = 0) {
   const {
-    layouts: n,
+    layouts: o,
     metas: t = {}
-  } = e, i = {
+  } = e, s = {
     endTime: 0
   };
-  let o = await Promise.all(
-    n.map(async (L, d) => ({
+  let n = await Promise.all(
+    o.map(async (M, d) => ({
       index: d,
-      element: await et(L, !0, i)
+      element: await St(M, !0, s)
     }))
-  ), s = 0;
-  o = o.sort((L, d) => L.index - d.index).map((L, d) => {
-    const M = L.element;
-    return M.style && (M.style.top = s, s += Number(M.style.height) + r), M.name = `Frame ${d + 1}`, M;
+  ), i = 0;
+  n = n.sort((M, d) => M.index - d.index).map((M, d) => {
+    const c = M.element;
+    return c.style && (c.style.top = i, i += Number(c.style.height) + r), c.name = `Frame ${d + 1}`, c;
   });
-  const f = o.reduce((L) => {
-    const d = L.style?.left ?? 0, M = L.style?.top ?? 0, a = L.style?.width ?? 0, c = L.style?.height ?? 0;
+  const f = n.reduce((M) => {
+    const d = M.style?.left ?? 0, c = M.style?.top ?? 0, a = M.style?.width ?? 0, l = M.style?.height ?? 0;
     return {
       minX: d,
-      minY: M,
+      minY: c,
       maxX: d + a,
-      maxY: M + c
+      maxY: c + l
     };
   }, { minX: 0, minY: 0, maxX: 0, maxY: 0 });
   return {
@@ -743,120 +925,125 @@ async function z(e, r = 48) {
       width: t?.width ?? f.maxX - f.minX,
       height: t?.height ?? f.maxY - f.minY
     },
-    children: o,
+    children: n,
     meta: {
       ...t,
-      endTime: i.endTime,
+      endTime: s.endTime,
       inEditorIs: "Doc"
     }
   };
 }
-function at(e, r) {
-  const { config: n } = e;
+function zt(e, r) {
+  const { config: o } = e;
   return {
     name: "bigesj:bidTid",
     test: (t) => typeof t == "object" && t && !!(t.bid || t.tid),
     load: async (t) => {
-      const i = t.bid ?? t.tid ?? "", o = async (M) => await fetch(
-        (t.bid ? r.bid : r.tid).replace("%d", M)
+      const s = t.bid ?? t.tid ?? "", n = async (c) => await fetch(
+        (t.bid ? r.bid : r.tid).replace("%d", c)
       ).then((a) => a.json()).then((a) => JSON.parse(a.data.content));
-      let s = 0;
+      let i = 0;
       const f = await Promise.all(
-        i.split("|").map(async (M) => {
-          let [a, c] = M.split("[");
-          c && (c = c.substring(0, c.length - 1));
-          const l = c ? c.split(",").map((m) => Number(m)) : void 0, w = await o(a);
-          l !== void 0 && (w.layouts = w.layouts.filter((m, y) => l.includes(y)));
-          const u = await z(w, n.value.frameGap);
-          return s = Math.max(s, u.meta?.maxTime ?? 0), u;
+        s.split("|").map(async (c) => {
+          let [a, l] = c.split("[");
+          l && (l = l.substring(0, l.length - 1));
+          const L = l ? l.split(",").map((m) => Number(m)) : void 0, w = await n(a);
+          L !== void 0 && (w.layouts = w.layouts.filter((m, C) => L.includes(C)));
+          const y = await K(w);
+          return i = Math.max(i, y.meta?.maxTime ?? 0), y;
         })
-      ), L = { ...f[0], id: i, children: [] };
-      L.meta ??= {}, L.meta.maxTime = s, L.meta.inEditorIs = "Doc";
+      ), M = { ...f[0], id: s, children: [] };
+      M.meta ??= {}, M.meta.maxTime = i, M.meta.inEditorIs = "Doc";
       let d = 0;
-      return f.forEach((M) => {
+      return f.forEach((c) => {
         let a = 0;
-        M.children?.forEach((c) => {
-          c.style && (c.style.left = d, a = Math.max(a, Number(c.style.width)), L.children.push(c));
-        }), d += a + n.value.frameGap;
-      }), L;
+        c.children?.forEach((l) => {
+          l.style && (l.style.left = d, a = Math.max(a, Number(l.style.width)), M.children.push(l));
+        }), d += a + o.value.frameGap;
+      }), M;
     }
   };
 }
-function st(e) {
+function Nt(e) {
   const { config: r } = e;
   return {
     name: "bigesj:bige",
     accept: ".bige",
-    test: (n) => n instanceof File && n.name.endsWith(".bige"),
-    load: async (n) => await z(
+    test: (o) => o instanceof File && o.name.endsWith(".bige"),
+    load: async (o) => await K(
       JSON.parse(
         new TextDecoder().decode(
-          B(new Uint8Array(await n.arrayBuffer()))
+          Lt(new Uint8Array(await o.arrayBuffer()))
         )
-      ).content,
-      r.value.frameGap
+      ).content
     )
   };
 }
-function Lt(e = {}) {
+function Qt(e = {}) {
   const {
     font: r,
-    api: n
+    api: o
   } = e, t = {
     fonts: "/new/design/fonts",
     bid: "/new/udesign/info/%d",
     tid: "/new/design/info/%d",
-    ...n
+    ...o
   };
-  return O((i) => ({
+  return ot((s) => ({
     name: "bigesj",
     loaders: [
-      st(i),
-      at(i, t)
+      Nt(s),
+      zt(s, t)
     ],
     setup: async () => {
-      r && await rt(i, t);
+      r && await Et(s, t);
     }
   }));
 }
-async function rt(e, r) {
+async function Et(e, r) {
   const {
-    on: n,
+    on: o,
     off: t,
-    root: i
+    root: s
   } = e, {
-    loadBigeFonts: o,
-    loadFont: s
-  } = U();
-  function f(M) {
-    M instanceof v && (M.style.fontFamily && s(M.style.fontFamily).then(() => M.text.update()), M.text.content.forEach((a) => {
-      a.fragments.forEach((c) => {
-        c.fontFamily && s(c.fontFamily).then(() => M.text.update());
-      }), a.fontFamily && s(a.fontFamily).then(() => M.text.update());
+    loadBigeFonts: n,
+    loadFont: i
+  } = mt();
+  function f(c) {
+    c instanceof nt && (c.style.fontFamily && i(c.style.fontFamily).then(() => c.text.update()), c.text.content.forEach((a) => {
+      a.fragments.forEach((l) => {
+        l.fontFamily && i(l.fontFamily).then(() => c.text.update());
+      }), a.fontFamily && i(a.fontFamily).then(() => c.text.update());
     }));
   }
-  function L(M) {
-    M.forEach((a) => {
-      f(a), a.findOne((c) => (f(c), !1));
+  function M(c) {
+    c.forEach((a) => {
+      f(a), a.findOne((l) => (f(l), !1));
     });
   }
   async function d() {
-    i.value && L([i.value]);
+    s.value && M([s.value]);
   }
-  W(() => {
-    t("setDoc", d), t("addElement", L);
-  }), n("setDoc", d), n("addElement", L), await o(r.fonts);
+  lt(() => {
+    t("setDoc", d), t("addElement", M);
+  }), o("setDoc", d), o("addElement", M), await n(r.fonts);
 }
 export {
-  at as bidTidLoader,
-  st as bigeLoader,
-  A as convertAnimation,
-  z as convertDoc,
-  S as convertElement,
-  et as convertLayout,
-  Lt as default,
-  H as parseAnimations,
-  Lt as plugin,
-  U as useFonts,
-  I as useSharedTextAssets
+  zt as bidTidLoader,
+  Nt as bigeLoader,
+  G as convertAnimation,
+  K as convertDoc,
+  q as convertElement,
+  V as convertImageElementToUrl,
+  St as convertLayout,
+  pt as convertSvgElementToUrl,
+  It as convertTextContent,
+  Tt as convertTextEffects,
+  xt as convertTextStyle,
+  Qt as default,
+  Dt as getTextContents,
+  jt as parseAnimations,
+  Qt as plugin,
+  mt as useFonts,
+  _ as useSharedTextAssets
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mce/bigesj",
   "type": "module",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Plugin for mce",
   "author": "wxm",
   "license": "MIT",
@@ -48,11 +48,11 @@
     "fflate": "^0.8.2"
   },
   "devDependencies": {
-    "modern-canvas": "^0.12.19",
+    "modern-canvas": "^0.12.20",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.5",
     "vue": "^3.5.22",
-    "mce": "0.2.4"
+    "mce": "0.2.5"
   },
   "peerDependencies": {
     "mce": "^0"