@mce/bigesj 0.2.3 → 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/convert/text.d.ts

@@ -1,7 +1,7 @@
 import type { NormalizedTextContent, StyleObject } from 'modern-idoc';
 type BigeElementText = Record<string, any>;
 export declare function convertTextStyle(el: BigeElementText, isByWord?: boolean): Promise<Partial<StyleObject>>;
-export declare function convertTextEffects(el: BigeElementText, ctx?: CanvasRenderingContext2D): Promise<Partial<StyleObject>[] | undefined>;
+export declare function convertTextEffects(el: BigeElementText): Promise<Partial<StyleObject>[] | undefined>;
 export declare function getTextContents(el: BigeElementText): BigeElementText['contents'];
 export declare function convertTextContent(el: BigeElementText, isByWord?: boolean): Promise<NormalizedTextContent>;
 export {};

package/dist/index.js

@@ -1,110 +1,110 @@
-import { useEditor as Y, definePlugin as k } from "mce";
-import { Element2D as O } from "modern-canvas";
-import { ref as I, effectScope as v, getCurrentScope as Q, onScopeDispose as X, onBeforeUnmount as G } from "vue";
-import { idGenerator as x, normalizeCRLF as W, isGradient as F } from "modern-idoc";
-import { gunzipSync as P } from "fflate";
-const p = I([]);
-function U(e, o) {
-  const n = [];
-  for (let t = 0; t <= o.length; t++)
-    n[t] = [t];
+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++)
+    o[t] = [t];
   for (let t = 0; t <= e.length; t++)
-    n[0][t] = t;
-  for (let t = 1; t <= o.length; t++)
-    for (let a = 1; a <= e.length; a++) {
-      const s = e[a - 1] === o[t - 1] ? 0 : 1;
-      n[t][a] = Math.min(n[t - 1][a] + 1, n[t][a - 1] + 1, n[t - 1][a - 1] + s);
+    o[0][t] = t;
+  for (let t = 1; t <= r.length; t++)
+    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[o.length][e.length];
+  return o[r.length][e.length];
 }
-function B() {
+function mt() {
   const {
     loadFont: e
-  } = Y(), o = I(/* @__PURE__ */ new Map());
-  async function n(s) {
-    let f = p.value;
-    return f.length || (f = await fetch(s).then((M) => M.json()).then((M) => M.data.datalist), p.value = f), f;
+  } = 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(s, f = p.value) {
-    const M = new Map(f.map((r, c) => [r.id, c])), L = new Map(
-      f.flatMap((r, c) => [...r.en_name.split(","), ...r.name.split(",")].map((l) => [l, c]))
-    ), d = s.replace(/"/g, "").split(",");
-    let i;
-    if (d.forEach((r) => {
-      i ??= M.get(r), i ??= L.get(r);
-    }), i === void 0) {
-      let r;
-      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((m, u) => {
-          const y = U(l, u);
-          if (w <= y)
+  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) => {
+      c ??= f.get(a), c ??= M.get(a);
+    }), c === void 0) {
+      let a;
+      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 g = -(y * 0.9 + (u.endsWith("常规") ? 0 : 1) * 0.1);
-          (r === void 0 || g > r) && (r = g, i = m);
+          const j = -(C * 0.9 + (m.endsWith("常规") ? 0 : 1) * 0.1);
+          (a === void 0 || j > a) && (a = j, c = y);
         });
       });
     }
-    return i !== void 0 ? f[i] : void 0;
+    return c !== void 0 ? i[c] : void 0;
   }
-  async function a(s) {
-    const f = typeof s == "string" ? [s] : s, M = [];
-    for (const L of f) {
-      let d = o.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 i = t(L);
-        if (i && (d = o.value.get(i.en_name), !d)) {
-          const r = Array.from(
+        const c = t(M);
+        if (c && (d = r.value.get(c.en_name), !d)) {
+          const a = Array.from(
             new Set(
-              [L, i.en_name].filter(Boolean).map((c) => c.replace(/"/g, ""))
+              [M, c.en_name].filter(Boolean).map((l) => l.replace(/"/g, ""))
             )
           );
           d = e({
-            family: r,
-            src: i.fonturl
-          }), r.forEach((c) => o.value.set(c, d)), o.value.set(String(L), d);
+            family: a,
+            src: c.fonturl
+          }), a.forEach((l) => r.value.set(l, d)), r.value.set(String(M), d);
         }
       }
-      d && M.push(d);
+      d && f.push(d);
     }
-    return await Promise.all(M);
+    return await Promise.all(f);
   }
   return {
-    bigeFonts: p,
+    bigeFonts: X,
     searchBigeFont: t,
-    loadBigeFonts: n,
-    loadFont: a
+    loadBigeFonts: o,
+    loadFont: s
   };
 }
-function J(e, o) {
-  return Q() ? (X(e, o), !0) : !1;
+function ut(e, r) {
+  return ft() ? (ct(e, r), !0) : !1;
 }
-const R = typeof window < "u" && typeof document < "u";
+const gt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 // @__NO_SIDE_EFFECTS__
-function Z(e) {
-  if (!R) return e;
-  let o = 0, n, t;
-  const a = () => {
-    o -= 1, t && o <= 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 ((...s) => (o += 1, t || (t = v(!0), n = t.run(() => e(...s))), J(a), n));
+  return ((...n) => (r += 1, t || (t = it(!0), o = t.run(() => e(...n))), ut(s), o));
 }
-const S = /* @__PURE__ */ Z(() => {
+const _ = /* @__PURE__ */ yt(() => {
   const e = /* @__PURE__ */ new Map();
-  function o(t, a) {
-    let s = e.get(t);
-    return s || (s = fetch(t).then(a), e.set(t, s)), s;
+  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 o(t, (a) => a.text());
+  async function o(t) {
+    return r(t, (s) => s.text());
   }
   return {
-    fetchToText: n
+    fetchToText: o
   };
-}), C = {
+}), Y = {
   easing: {
     匀速: "linear",
     加速: "cubic-bezier(0.55, 0, 1, 0.45)",
@@ -437,242 +437,406 @@ const S = /* @__PURE__ */ Z(() => {
     ]
   }
 };
-function h(e, o, n) {
+function G(e, r, o) {
   const {
     name: t,
-    delay: a = 0,
-    duration: s,
-    iterations: f,
-    mode: M,
-    easing: L,
+    delay: s = 0,
+    duration: n,
+    iterations: i,
+    mode: f,
+    easing: M,
     path: d,
-    offsetRotate: i,
-    ...r
-  } = o;
-  let c;
+    offsetRotate: c,
+    ...a
+  } = r;
+  let l;
   if (t === "自定义路径" && d) {
-    let l = `M ${e.style.width / 2} ${e.style.height / 2}`;
-    d.forEach((m) => {
-      const u = Object.keys(m);
-      l += ` ${u[0]}${m[u[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: i },
-          { offsetDistance: "0%", offsetPath: w, offsetRotate: i }
+        l = [
+          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: c },
+          { offsetDistance: "0%", offsetPath: w, offsetRotate: c }
         ];
         break;
       case "stay":
-        c = [
-          { offsetDistance: "0%", offsetPath: w, offsetRotate: i },
-          { offsetDistance: "100%", offsetPath: w, offsetRotate: i }
+        l = [
+          { offsetDistance: "0%", offsetPath: w, offsetRotate: c },
+          { offsetDistance: "100%", offsetPath: w, offsetRotate: c }
         ];
         break;
       case "out":
-        c = [
-          { offsetDistance: "0%", offsetPath: w, offsetRotate: i },
-          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: i }
+        l = [
+          { offsetDistance: "0%", offsetPath: w, offsetRotate: c },
+          { opacity: 0, offsetDistance: "100%", offsetPath: w, offsetRotate: c }
         ];
         break;
     }
   } else
-    switch (n) {
+    switch (o) {
       case "in":
-        c = C.textIn[t]?.[0] ?? C.in[t];
+        l = Y.textIn[t]?.[0] ?? Y.in[t];
         break;
       case "stay":
-        c = C.stay[t];
+        l = Y.stay[t];
         break;
       case "out":
-        c = C.out[t];
+        l = Y.out[t];
         break;
     }
   return {
-    id: x(),
-    name: o.name ?? o.title ?? o.id,
-    delay: a,
-    duration: t ? s * (f || 1) : 0,
-    effectMode: M === "逐字" || M === "逐行" ? "sibling" : "parent",
-    keyframes: c ?? [],
-    easing: C.easing[L],
+    id: U(),
+    name: r.name ?? r.title ?? r.id,
+    delay: s,
+    duration: t ? n * (i || 1) : 0,
+    effectMode: f === "逐字" || f === "逐行" ? "sibling" : "parent",
+    keyframes: l ?? [],
+    easing: Y.easing[M],
     meta: {
-      ...r,
+      ...a,
       inCanvasIs: "Animation",
       inPptIs: "Animation",
       inEditorIs: "Node"
     }
   };
 }
-function $(e) {
+function jt(e) {
   if (!e.animations?.length)
     return {
       delay: 0,
       duration: 0,
       animations: []
     };
-  let o, n, t;
-  e.animations[0].in ? (o = e.animations[0].in, n = e.animations[0].stay, t = e.animations[0].out) : (o = e.animations?.find((M) => M.category === "in"), n = e.animations?.find((M) => M.category === "stay"), t = e.animations?.find((M) => M.category === "out"));
-  const a = o?.delay ?? 0, s = t ? t.delay - a + t.duration : 0, f = [];
-  return o && f.push(
-    h(e, {
-      ...o,
+  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 && f.push(
-    h(e, {
-      ...n,
-      delay: n.delay - a
+  ), o && i.push(
+    G(e, {
+      ...o,
+      delay: o.delay - s
     }, "stay")
-  ), t && f.push(
-    h(e, {
+  ), t && i.push(
+    G(e, {
       ...t,
-      delay: t.delay - a
+      delay: t.delay - s
     }, "out")
   ), {
-    delay: a,
-    duration: s - a,
-    animations: f.filter((M) => !!M?.keyframes)
+    delay: s,
+    duration: n - s,
+    animations: i.filter((f) => !!f?.keyframes)
   };
 }
-const H = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcyIDcyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTE5LjMsMzguMWMwLjIsMC41LDAuNCwwLjksMC43LDEuNGMwLjIsMC4zLDAuNCwwLjQsMC44LDAuNGMwLjMsMCwwLjUtMC4xLDAuNi0wLjRjMC4xLTAuMywwLjEtMC42LDAuMi0wLjkgICBjMC0wLjIsMC4xLTAuNCwwLjMtMC41YzAuMi0wLjEsMC40LTAuMiwwLjYtMC4xYzAuMiwwLDAuNCwwLjEsMC41LDAuM2MwLjEsMC4yLDAuMiwwLjQsMC4xLDAuNmMtMC4xLDAuNi0wLjIsMS4yLTAuNCwxLjcgICBjLTAuMywwLjgtMC45LDEuMi0xLjcsMS4yYy0wLjksMC0xLjYtMC40LTIuMS0xLjJjLTAuMy0wLjQtMC41LTAuOC0wLjctMS4zYy0wLjQsMC4zLTEsMC42LTEuNywxYy0wLjUsMC4yLTAuOCwwLjEtMS4xLTAuMyAgIGMtMC4yLTAuNS0wLjEtMC45LDAuMy0xLjFjMC43LTAuNCwxLjQtMC44LDEuOS0xLjFjLTAuMi0wLjktMC40LTIuMS0wLjUtMy43TDE1LjksMzRjLTAuMiwwLTAuNCwwLTAuNi0wLjEgICBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4yLDAtMC40LDAuMi0wLjZzMC4zLTAuMywwLjUtMC4zbDEuMi0wLjFjLTAuMS0wLjktMC4xLTEuOS0wLjEtMi45YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjItMC4xLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjIsMC4zLDAuMywwLjZjMCwwLjEsMCwxLDAuMSwyLjdsMy4yLTAuNGMwLjIsMCwwLjQsMCwwLjUsMC4xICAgYzAuMiwwLjEsMC4zLDAuMywwLjMsMC41czAsMC40LTAuMSwwLjVjLTAuMSwwLjItMC4zLDAuMy0wLjUsMC4zbC0zLjMsMC40YzAuMSwxLjIsMC4yLDIuMSwwLjMsMi44YzAuNy0wLjYsMS40LTEuNCwyLTIuMiAgIGMwLjMtMC40LDAuNy0wLjQsMS4xLTAuMmMwLjQsMC4zLDAuNCwwLjcsMC4yLDFDMjEuMywzNi4zLDIwLjQsMzcuMywxOS4zLDM4LjF6IE0yMC42LDMxLjFjLTAuMy0wLjItMC43LTAuNS0xLjEtMC44ICAgYy0wLjMtMC4zLTAuMy0wLjYtMC4xLTAuOWMwLjMtMC4zLDAuNi0wLjQsMS0wLjJjMC40LDAuMiwwLjcsMC41LDEuMSwwLjdjMC40LDAuMywwLjQsMC42LDAuMiwxQzIxLjMsMzEuMywyMSwzMS4zLDIwLjYsMzEuMXogICAgTTIzLjMsMzAuOWMwLTAuMiwwLjEtMC40LDAuMi0wLjVjMC4xLTAuMSwwLjMtMC4yLDAuNi0wLjJzMC40LDAuMSwwLjYsMC4yYzAuMSwwLjEsMC4yLDAuMywwLjIsMC41djYuNWMwLDAuMi0wLjEsMC40LTAuMiwwLjUgICBjLTAuMSwwLjEtMC4zLDAuMi0wLjYsMC4ycy0wLjQtMC4xLTAuNi0wLjJjLTAuMS0wLjEtMC4yLTAuMy0wLjItMC41VjMwLjl6IE0yNC4zLDQxLjZjLTAuMiwwLTAuNC0wLjEtMC42LTAuMiAgIGMtMC4yLTAuMS0wLjItMC4zLTAuMi0wLjZjMC0wLjIsMC4xLTAuNCwwLjItMC42YzAuMi0wLjEsMC4zLTAuMiwwLjYtMC4yaDAuOWMwLjYsMCwxLTAuNCwxLTEuMXYtOS40YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjItMC4xLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjIsMC4zLDAuMiwwLjZWMzljMCwwLjgtMC4yLDEuNS0wLjcsMS45cy0xLjEsMC43LTEuOCwwLjdIMjQuM3oiLz4KCTxwYXRoIGQ9Ik00MC42LDM3LjdoLTMuOHYwLjdoNC40YzAuMSwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNGMwLDAuMS0wLjEsMC4zLTAuMiwwLjRjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC4yICAgaC00LjR2MC43SDQyYzAuMiwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjIsMC4yLDAuNHMtMC4xLDAuMy0wLjIsMC40Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuMkgzMGMtMC4yLDAtMC4zLTAuMS0wLjQtMC4yICAgYy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuNHMwLjEtMC4zLDAuMi0wLjRjMC4xLTAuMSwwLjItMC4yLDAuNC0wLjJoNS4ydi0wLjdoLTQuNGMtMC4xLDAtMC4zLTAuMS0wLjQtMC4ycy0wLjItMC4yLTAuMi0wLjQgICBjMC0wLjEsMC4xLTAuMywwLjItMC40czAuMi0wLjIsMC40LTAuMmg0LjR2LTAuN2gtMy43aDBjLTAuMiwwLTAuNC0wLjEtMC42LTAuMnMtMC4yLTAuMy0wLjItMC42di0zLjFjMC0wLjIsMC4xLTAuNCwwLjItMC42ICAgYzAuMS0wLjEsMC4zLTAuMiwwLjYtMC4yaDMuOHYtMC44SDMwYy0wLjIsMC0wLjMtMC4xLTAuNC0wLjJjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40czAuMS0wLjMsMC4yLTAuNGMwLjEtMC4xLDAuMi0wLjIsMC40LTAuMiAgIGg1LjJ2LTAuOGMtMS40LDAtMi45LDAuMS00LjMsMC4xYy0wLjIsMC0wLjMsMC0wLjQtMC4xYy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuNGMwLTAuMiwwLTAuMywwLjItMC40YzAuMS0wLjEsMC4zLTAuMiwwLjQtMC4yICAgYzMuMywwLDYuOC0wLjEsMTAuMi0wLjNjMC4yLDAsMC4zLDAsMC40LDAuMmMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNGMwLDAuMiwwLDAuMy0wLjEsMC40Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuMiAgIGMtMS4xLDAtMi41LDAuMS00LjMsMC4xdjAuOGg1LjFjMC4yLDAsMC4zLDAuMSwwLjQsMC4yYzAuMSwwLjEsMC4yLDAuMiwwLjIsMC40cy0wLjEsMC4zLTAuMiwwLjRjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC4yaC01LjEgICB2MC44aDMuOGMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZ2My4xYzAsMC4yLTAuMSwwLjQtMC4yLDAuNkM0MSwzNy43LDQwLjgsMzcuNyw0MC42LDM3Ljd6IE0zNS4xLDM0LjlWMzQgICBoLTIuOXYwLjlIMzUuMXogTTM1LjEsMzYuN3YtMC45aC0yLjl2MC45SDM1LjF6IE0zOS44LDM0LjlWMzRoLTIuOXYwLjlIMzkuOHogTTM5LjgsMzYuN3YtMC45aC0yLjl2MC45SDM5Ljh6Ii8+Cgk8cGF0aCBkPSJNNDUuNSw0MS4xYy0wLjMsMC40LTAuNywwLjUtMS4xLDAuM2MtMC40LTAuMy0wLjUtMC43LTAuMy0xLjFsMS0xLjdjMC4zLTAuNCwwLjctMC41LDEuMS0wLjNjMC40LDAuMywwLjUsMC43LDAuMywxLjEgICBMNDUuNSw0MS4xeiBNNTUsMzcuN2MtMC4xLDAtMC4xLDAtMC4yLDBoLTguOWMtMC4zLDAtMC41LTAuMS0wLjYtMC4yYy0wLjItMC4yLTAuMi0wLjQtMC4yLTAuNnYtMy40YzAtMC4yLDAuMS0wLjQsMC4yLTAuNiAgIGMwLjEtMC4xLDAuMy0wLjIsMC42LTAuMmgzLjN2LTMuMWMwLTAuMiwwLjEtMC40LDAuMi0wLjZjMC4yLTAuMiwwLjQtMC4yLDAuNi0wLjJzMC40LDAuMSwwLjYsMC4yYzAuMiwwLjIsMC4yLDAuNCwwLjIsMC42djAuM0g1NiAgIGMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZzLTAuMSwwLjQtMC4yLDAuNWMtMC4xLDAuMS0wLjMsMC4yLTAuNiwwLjJoLTUuMnYxLjNoNGMwLjIsMCwwLjQsMC4xLDAuNiwwLjIgICBjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjZ2My40QzU1LjYsMzcuMyw1NS40LDM3LjYsNTUsMzcuN3ogTTUzLjksMzYuMnYtMmgtNy4xdjJINTMuOXogTTQ5LjYsNDAuN2MwLDAuMy0wLjEsMC41LTAuMiwwLjYgICBjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMS0wLjItMC4yLTAuNC0wLjItMC42bDAtMS42YzAtMC4yLDAuMS0wLjQsMC4yLTAuNmMwLjItMC4yLDAuMy0wLjIsMC42LTAuMiAgIHMwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMiwwLjIsMC40LDAuMiwwLjZWNDAuN3ogTTUyLjgsNDAuN2MwLDAuMi0wLjEsMC40LTAuMiwwLjZjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yICAgYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMi0wLjEtMC4yLTAuMy0wLjItMC42bDAtMS42YzAtMC4yLDAuMS0wLjQsMC4yLTAuNmMwLjItMC4yLDAuMy0wLjIsMC42LTAuMmMwLjIsMCwwLjQsMC4xLDAuNiwwLjIgICBjMC4yLDAuMiwwLjIsMC40LDAuMiwwLjZWNDAuN3ogTTU2LjYsNDAuM2MwLjIsMC40LDAuMSwwLjgtMC4zLDEuMWMtMC41LDAuMy0wLjgsMC4yLTEuMS0wLjNsLTEtMS43Yy0wLjItMC41LTAuMS0wLjgsMC4zLTEuMSAgIGMwLjUtMC4yLDAuOS0wLjEsMS4xLDAuM0w1Ni42LDQwLjN6Ii8+CjwvZz4KPC9zdmc+";
-async function _(e, o = !1) {
-  const { fetchToText: n } = S(), 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: H,
+    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), o || (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 V(e, o) {
-  const n = e.textEffects ?? [];
-  if (n.length)
+async function Tt(e) {
+  const r = e.textEffects ?? [];
+  if (r.length)
     return await Promise.all(
-      [...n].reverse().map(async (t) => {
-        const a = {}, { offset: s, skew: f, stroke: M, shadow: L, filling: d } = t;
-        if (s && (a.translateX = s.x, a.translateY = s.y), f && (a.skewX = f.x, a.skewY = f.y), M?.color && M.width && (a.textStrokeWidth = M.width, a.textStrokeColor = M.color), L && (a.shadowOffsetX = L.offsetX, a.shadowOffsetY = L.offsetY, a.shadowBlur = L.blur, a.shadowColor = L.color), d) {
-          const { color: i, imageContent: r, gradient: c } = d;
-          if (!r?.image)
-            c ? a.color = `linear-gradient(${90 - c.angle}deg, ${c.stops.map((l) => `${l.color} ${l.offset * 100}%`).join(",")})` : i && (a.color = i);
-          else {
-            const { image: l, repeat: w } = r, m = await fetch(l).then((g) => g.blob()), u = URL.createObjectURL(m), y = await new Promise((g) => {
-              const j = new Image();
-              j.crossOrigin = "anonymous", j.onload = () => g(j), j.src = u;
-            });
-            a.color = o?.createPattern(y, w ? "repeat" : "no-repeat"), URL.revokeObjectURL(u);
-          }
+      [...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 a;
+        return t;
       })
     );
 }
-function q(e) {
-  return e.version ? e.contents : e.contents.map((o) => {
-    let n;
-    return o.map((t, a) => {
-      let s = t.content;
-      s = s.replace(/ |\r\n|\n\r|[\n\r\t\v]/g, " "), s = s.replace(/<br\/>/g, `
+function Dt(e) {
+  return e.version ? e.contents : e.contents.map((r) => {
+    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 f = "";
-      for (const M of Array.from(s))
-        a === 0 && M === " " || n === " " && M === " " || (f += M), n = M;
+      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: f
+        content: i
       };
     }).filter((t) => t.content);
   });
 }
-async function K(e, o = !1) {
-  const { fetchToText: n } = S(), t = q(e), a = [];
-  for (let s = 0, f = t.length; s < f; s++) {
-    const M = t[s], 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: []
     };
-    a.push(L);
-    for (let d = 0, i = M.length; d < i; d++) {
-      const r = { ...M[d] };
-      r.fontSize && (r.fontSize = Math.floor(r.fontSize)), r.content = W(r.content), r.highlight && (r.highlightImage = await n(r.highlight.image), o ? r.highlightSize = "cover" : r.highlight.size && (r.highlightSize = `${r.highlight.size}rem`), r.highlight.colormap && (r.highlightColormap = r.highlight.colormap), r.highlight.line && (r.highlightLine = r.highlight.line), r.highlight.thickness && (r.highlightThickness = `${r.highlight.thickness}%`), delete r.highlight), o || (r.listMode ? L.listStyleType = "disc" : r.listStyle && (L.listStyleImage = await n(r.listStyle.image), L.listStyleSize = `${r.listStyle.size * 100}%`)), L.fragments.push(r);
+    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 a;
+  return s;
 }
-const A = (e) => (Number.parseFloat(e) || 0) / 100;
-async function z(e, o, n) {
-  const t = e.style ?? e;
-  t.borderRadius && (t.borderRadius = t.borderRadius * 0.01 * Math.max(t.height, t.width)), o && e.groupStyle && (t.width = o.style.width * A(e.groupStyle.width), t.height = o.style.height * A(e.groupStyle.height), t.left = o.style.width * A(e.groupStyle.left), t.top = o.style.height * A(e.groupStyle.top));
-  const a = {
-    id: x(),
+const P = (e) => (Number.parseFloat(e) || 0) / 100;
+async function q(e, r, o) {
+  const t = { ...e.style ?? e }, s = {
+    inPptIs: "Shape",
+    inEditorIs: "Element"
+  }, n = {
+    id: U(),
     name: e.name ?? e.title ?? e.id,
-    style: {
-      // TODO 过滤掉部分属性
-      ...t,
-      visibility: e.editable === !1 ? "hidden" : "visible"
-    },
-    meta: {
-      inPptIs: "Shape",
-      inEditorIs: "Element",
-      lock: e.lock === !0
-    },
+    style: t,
+    meta: s,
     children: []
   };
-  if (e.animations?.length) {
-    const s = $(e);
-    a.delay = s.delay, a.duration = s.duration, a.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 (a.meta.inPptIs = "Picture", a.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, {
+      }, e.clipUrl && (s.rawForegroundImage = e.url), e.cropping) {
+        const i = e.style.width, f = e.style.height, {
           imageWidth: M,
-          imageHeight: L,
-          maskWidth: d = s,
-          maskHeight: i = f,
-          translateX: r,
-          translateY: c,
-          zoom: l = 1
-        } = e.cropping, w = M * l, m = L * l, u = (w - d) / 2 - r, y = (m - i) / 2 - c, g = u + d / 2, j = y + i / 2, T = -(s / 2 - g), D = -(f / 2 - j), b = w - (T + s), E = m - (D + f);
-        a.foreground.cropRect = {
-          left: T / w,
-          top: D / m,
-          right: b / w,
-          bottom: E / m
+          imageHeight: d,
+          maskWidth: c = i,
+          maskHeight: a = f,
+          translateX: l,
+          translateY: L,
+          zoom: w = 1
+        } = 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": {
-      a.meta.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}"`), a.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": {
-      a.meta.inPptIs = "Shape", t.writingMode === "horizontal-tb" ? a.style.width = Math.ceil(t.width + t.letterSpacing) : a.style.height = Math.ceil(t.height + t.letterSpacing), a.text = {
-        content: await K(e),
-        style: await _(e),
-        effects: await V(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":
-      a.meta.inPptIs = "GroupShape", a.children = await Promise.all(
-        e.children.map((s) => z(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":
@@ -699,175 +863,187 @@ async function z(e, o, n) {
       console.warn(e);
       break;
   }
-  return a;
+  return n;
 }
-async function tt(e, o = !0, n) {
-  const t = x(), a = {
+async function St(e, r = !0, o) {
+  const t = U(), s = {
     ...e.style ?? e
   };
-  o && (a.overflow = "hidden");
-  let s;
-  return e.background && (e.background.color && (s ??= {}, F(e.background.color ?? "") ? s.image = e.background.color : s.color = e.background.color), e.background.image && (s ??= {}, s.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: o ? `Frame ${t}` : e.name,
-    style: a,
+    name: r ? `Frame ${t}` : e.name,
+    style: s,
     // TODO 过滤掉部分属性
-    background: s,
-    children: await Promise.all(
-      e.elements.map((f) => z(f, 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: o ? "Slide" : "GroupShape",
-      inEditorIs: o ? "Frame" : "Element"
+      inPptIs: r ? "Slide" : "GroupShape",
+      inEditorIs: r ? "Frame" : "Element"
     }
   };
 }
-async function N(e, o = 48) {
+async function K(e, r = 0) {
   const {
-    layouts: n,
+    layouts: o,
     metas: t = {}
-  } = e, a = {
+  } = e, s = {
     endTime: 0
   };
-  let s = await Promise.all(
-    n.map(async (L, d) => ({
+  let n = await Promise.all(
+    o.map(async (M, d) => ({
       index: d,
-      element: await tt(L, !0, a)
+      element: await St(M, !0, s)
     }))
-  ), f = 0;
-  s = s.sort((L, d) => L.index - d.index).map((L, d) => {
-    const i = L.element;
-    return i.style && (i.style.top = f, f += Number(i.style.height) + o), i.name = `Frame ${d + 1}`, i;
+  ), 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 M = s.reduce((L) => {
-    const d = L.style?.left ?? 0, i = L.style?.top ?? 0, r = 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: i,
-      maxX: d + r,
-      maxY: i + c
+      minY: c,
+      maxX: d + a,
+      maxY: c + l
     };
   }, { minX: 0, minY: 0, maxX: 0, maxY: 0 });
   return {
     name: t.name || "doc",
     style: {
-      width: t?.width ?? M.maxX - M.minX,
-      height: t?.height ?? M.maxY - M.minY
+      width: t?.width ?? f.maxX - f.minX,
+      height: t?.height ?? f.maxY - f.minY
     },
-    children: s,
+    children: n,
     meta: {
       ...t,
-      endTime: a.endTime,
+      endTime: s.endTime,
       inEditorIs: "Doc"
     }
   };
 }
-function et(e, o) {
-  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 a = t.bid ?? t.tid ?? "", s = async (i) => await fetch(
-        (t.bid ? o.bid : o.tid).replace("%d", i)
-      ).then((r) => r.json()).then((r) => JSON.parse(r.data.content));
-      let f = 0;
-      const M = await Promise.all(
-        a.split("|").map(async (i) => {
-          let [r, c] = i.split("[");
-          c && (c = c.substring(0, c.length - 1));
-          const l = c ? c.split(",").map((u) => Number(u)) : void 0, w = await s(r);
-          l !== void 0 && (w.layouts = w.layouts.filter((u, y) => l.includes(y)));
-          const m = await N(w, n.value.frameGap);
-          return f = Math.max(f, m.meta?.maxTime ?? 0), 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 i = 0;
+      const f = await Promise.all(
+        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 = { ...M[0], id: a, children: [] };
-      L.meta ??= {}, L.meta.maxTime = f, L.meta.inEditorIs = "Doc";
+      ), M = { ...f[0], id: s, children: [] };
+      M.meta ??= {}, M.meta.maxTime = i, M.meta.inEditorIs = "Doc";
       let d = 0;
-      return M.forEach((i) => {
-        let r = 0;
-        i.children?.forEach((c) => {
-          c.style && (c.style.left = d, r = Math.max(r, Number(c.style.width)), L.children.push(c));
-        }), d += r + n.value.frameGap;
-      }), L;
+      return f.forEach((c) => {
+        let a = 0;
+        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 at(e) {
-  const { config: o } = 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 N(
+    test: (o) => o instanceof File && o.name.endsWith(".bige"),
+    load: async (o) => await K(
       JSON.parse(
         new TextDecoder().decode(
-          P(new Uint8Array(await n.arrayBuffer()))
+          Lt(new Uint8Array(await o.arrayBuffer()))
         )
-      ).content,
-      o.value.frameGap
+      ).content
     )
   };
 }
-function Mt(e = {}) {
+function Qt(e = {}) {
   const {
-    font: o,
-    api: n
+    font: r,
+    api: o
   } = e, t = {
     fonts: "/new/design/fonts",
     bid: "/new/udesign/info/%d",
     tid: "/new/design/info/%d",
-    ...n
+    ...o
   };
-  return k((a) => ({
+  return ot((s) => ({
     name: "bigesj",
     loaders: [
-      at(a),
-      et(a, t)
+      Nt(s),
+      zt(s, t)
     ],
     setup: async () => {
-      o && await st(a, t);
+      r && await Et(s, t);
     }
   }));
 }
-async function st(e, o) {
+async function Et(e, r) {
   const {
-    on: n,
+    on: o,
     off: t,
-    root: a
+    root: s
   } = e, {
-    loadBigeFonts: s,
-    loadFont: f
-  } = B();
-  function M(i) {
-    i instanceof O && (i.style.fontFamily && f(i.style.fontFamily).then(() => i.text.update()), i.text.content.forEach((r) => {
-      r.fragments.forEach((c) => {
-        c.fontFamily && f(c.fontFamily).then(() => i.text.update());
-      }), r.fontFamily && f(r.fontFamily).then(() => i.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(i) {
-    i.forEach((r) => {
-      M(r), r.findOne((c) => (M(c), !1));
+  function M(c) {
+    c.forEach((a) => {
+      f(a), a.findOne((l) => (f(l), !1));
     });
   }
   async function d() {
-    a.value && L([a.value]);
+    s.value && M([s.value]);
   }
-  G(() => {
-    t("setDoc", d), t("addElement", L);
-  }), n("setDoc", d), n("addElement", L), await s(o.fonts);
+  lt(() => {
+    t("setDoc", d), t("addElement", M);
+  }), o("setDoc", d), o("addElement", M), await n(r.fonts);
 }
 export {
-  et as bidTidLoader,
-  at as bigeLoader,
-  h as convertAnimation,
-  N as convertDoc,
-  z as convertElement,
-  tt as convertLayout,
-  Mt as default,
-  $ as parseAnimations,
-  Mt as plugin,
-  B as useFonts,
-  S 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.3",
+  "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.17",
+    "modern-canvas": "^0.12.20",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.5",
     "vue": "^3.5.22",
-    "mce": "0.2.3"
+    "mce": "0.2.5"
   },
   "peerDependencies": {
     "mce": "^0"