lt-ppt 1.0.28 → 1.0.30

package/dist/{lib-9k4fJaGf.js → lib-Dg5Oz41t.js}

@@ -1,5 +1,126 @@
-import { inject as Y, ref as w, defineComponent as Z, computed as q, onMounted as j, onBeforeUnmount as Q, watch as z, openBlock as K, createElementBlock as $, normalizeStyle as ee } from "vue";
-const te = {
+import { inject as pe, ref as w, defineComponent as ge, getCurrentInstance as he, computed as z, onMounted as me, onBeforeUnmount as fe, watch as H, openBlock as Se, createElementBlock as Ce, normalizeStyle as ye } from "vue";
+var $ = /* @__PURE__ */ ((n) => (n.RECT = "rect", n.ELLIPSE = "ellipse", n.POLYGON = "polygon", n))($ || {});
+const G = {
+  rect: {
+    name: "矩形",
+    type: "rect",
+    radius: "0",
+    style: ""
+  },
+  rect2: {
+    name: "矩形2",
+    type: "polygon",
+    style: "polygon(0% 0%, 80% 0%, 100% 20%, 100% 100%, 0 100%)",
+    createPath: (n, i) => `M 0 0 L ${n * 0.8} 0 L ${n} ${i * 0.2} L ${n} ${i} L 0 ${i} Z`
+  },
+  rect3: {
+    name: "矩形3",
+    type: "polygon",
+    style: "polygon(0% 0%, 80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%)",
+    createPath: (n, i) => `M 0 0 L ${n * 0.8} 0 L ${n} ${i * 0.2} L ${n} ${i} L ${n * 0.2} ${i} L 0 ${i * 0.8} Z`
+  },
+  roundRect: {
+    name: "圆角矩形",
+    type: "rect",
+    radius: "10px",
+    style: "inset(0 round 10px)"
+  },
+  ellipse: {
+    name: "圆形",
+    type: "ellipse",
+    style: "ellipse(50% 50% at 50% 50%)"
+  },
+  triangle: {
+    name: "三角形",
+    type: "polygon",
+    style: "polygon(50% 0%, 0% 100%, 100% 100%)",
+    createPath: (n, i) => `M ${n * 0.5} 0 L 0 ${i} L ${n} ${i} Z`
+  },
+  triangle2: {
+    name: "三角形2",
+    type: "polygon",
+    style: "polygon(50% 100%, 0% 0%, 100% 0%)",
+    createPath: (n, i) => `M ${n * 0.5} ${i} L 0 0 L ${n} 0 Z`
+  },
+  triangle3: {
+    name: "三角形3",
+    type: "polygon",
+    style: "polygon(0% 0%, 0% 100%, 100% 100%)",
+    createPath: (n, i) => `M 0 0 L 0 ${i} L ${n} ${i} Z`
+  },
+  rhombus: {
+    name: "菱形",
+    type: "polygon",
+    style: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",
+    createPath: (n, i) => `M ${n * 0.5} 0 L ${n} ${i * 0.5} L ${n * 0.5} ${i} L 0 ${i * 0.5} Z`
+  },
+  pentagon: {
+    name: "五边形",
+    type: "polygon",
+    style: "polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)",
+    createPath: (n, i) => `M ${n * 0.5} 0 L ${n} ${0.38 * i} L ${0.82 * n} ${i} L ${0.18 * n} ${i} L 0 ${0.38 * i} Z`
+  },
+  hexagon: {
+    name: "六边形",
+    type: "polygon",
+    style: "polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%)",
+    createPath: (n, i) => `M ${n * 0.2} 0 L ${n * 0.8} 0 L ${n} ${i * 0.5} L ${n * 0.8} ${i} L ${n * 0.2} ${i} L 0 ${i * 0.5} Z`
+  },
+  heptagon: {
+    name: "七边形",
+    type: "polygon",
+    style: "polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%)",
+    createPath: (n, i) => `M ${n * 0.5} 0 L ${n * 0.9} ${i * 0.2} L ${n} ${i * 0.6} L ${n * 0.75} ${i} L ${n * 0.25} ${i} L 0 ${i * 0.6} L ${n * 0.1} ${i * 0.2} Z`
+  },
+  octagon: {
+    name: "八边形",
+    type: "polygon",
+    style: "polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)",
+    createPath: (n, i) => `M ${n * 0.3} 0 L ${n * 0.7} 0 L ${n} ${i * 0.3} L ${n} ${i * 0.7} L ${n * 0.7} ${i} L ${n * 0.3} ${i} L 0 ${i * 0.7} L 0 ${i * 0.3} Z`
+  },
+  chevron: {
+    name: "V形",
+    type: "polygon",
+    style: "polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)",
+    createPath: (n, i) => `M ${n * 0.75} 0 L ${n} ${i * 0.5} L ${n * 0.75} ${i} L 0 ${i} L ${n * 0.25} ${i * 0.5} L 0 0 Z`
+  },
+  point: {
+    name: "点",
+    type: "polygon",
+    style: "polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%)",
+    createPath: (n, i) => `M 0 0 L ${n * 0.75} 0 L ${n} ${i * 0.5} L ${n * 0.75} ${i} L 0 ${i} Z`
+  },
+  arrow: {
+    name: "箭头",
+    type: "polygon",
+    style: "polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)",
+    createPath: (n, i) => `M 0 ${i * 0.2} L ${n * 0.6} ${i * 0.2} L ${n * 0.6} 0 L ${n} ${i * 0.5} L ${n * 0.6} ${i} L ${n * 0.6} ${i * 0.8} L 0 ${i * 0.8} Z`
+  },
+  parallelogram: {
+    name: "平行四边形",
+    type: "polygon",
+    style: "polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%)",
+    createPath: (n, i) => `M ${n * 0.3} 0 L ${n} 0 L ${n * 0.7} ${i} L 0 ${i} Z`
+  },
+  parallelogram2: {
+    name: "平行四边形2",
+    type: "polygon",
+    style: "polygon(30% 100%, 100% 100%, 70% 0%, 0% 0%)",
+    createPath: (n, i) => `M ${n * 0.3} ${i} L ${n} ${i} L ${n * 0.7} 0 L 0 0 Z`
+  },
+  trapezoid: {
+    name: "梯形",
+    type: "polygon",
+    style: "polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%)",
+    createPath: (n, i) => `M ${n * 0.25} 0 L ${n * 0.75} 0 L ${n} ${i} L 0 ${i} Z`
+  },
+  trapezoid2: {
+    name: "梯形2",
+    type: "polygon",
+    style: "polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%)",
+    createPath: (n, i) => `M 0 0 L ${n} 0 L ${n * 0.75} ${i} L ${n * 0.25} ${i} Z`
+  }
+}, be = {
   common: {
     close: "关闭",
     cancel: "取消",
@@ -1148,7 +1269,7 @@ const te = {
       latex: "公式"
     }
   }
-}, oe = {
+}, Le = {
   common: {
     close: "Close",
     cancel: "Cancel",
@@ -2269,41 +2390,41 @@ const te = {
       latex: "Formula"
     }
   }
-}, U = Symbol("lt-ppt-i18n"), ie = { "zh-CN": te, en: oe };
-function N(d, c = "") {
-  return Object.entries(d).reduce((s, [i, u]) => {
-    const h = c ? `${c}.${i}` : i;
-    return u && typeof u == "object" && !Array.isArray(u) ? Object.assign(s, N(u, h)) : s[h] = String(u), s;
+}, W = Symbol("lt-ppt-i18n"), Ie = { "zh-CN": be, en: Le };
+function _(n, i = "") {
+  return Object.entries(n).reduce((g, [c, m]) => {
+    const C = i ? `${i}.${c}` : c;
+    return m && typeof m == "object" && !Array.isArray(m) ? Object.assign(g, _(m, C)) : g[C] = String(m), g;
   }, {});
 }
-const b = Object.fromEntries(
-  Object.entries(ie).map(([d, c]) => [d, N(c)])
+const T = Object.fromEntries(
+  Object.entries(Ie).map(([n, i]) => [n, _(i)])
 );
-function ce() {
-  const d = Y(U, { locale: w("zh-CN") });
-  return { t: (s) => {
-    var i, u;
-    return ((i = b[d.locale.value]) == null ? void 0 : i[s]) ?? ((u = b["zh-CN"]) == null ? void 0 : u[s]) ?? s;
-  }, locale: d.locale };
+function Re() {
+  const n = pe(W, { locale: w("zh-CN") });
+  return { t: (g) => {
+    var c, m;
+    return ((c = T[n.locale.value]) == null ? void 0 : c[g]) ?? ((m = T["zh-CN"]) == null ? void 0 : m[g]) ?? g;
+  }, locale: n.locale };
 }
-function ne(d) {
-  return (c) => {
-    var s, i;
-    return ((s = b[d.value]) == null ? void 0 : s[c]) ?? ((i = b["zh-CN"]) == null ? void 0 : i[c]) ?? c;
+function Te(n) {
+  return (i) => {
+    var g, c;
+    return ((g = T[n.value]) == null ? void 0 : g[i]) ?? ((c = T["zh-CN"]) == null ? void 0 : c[i]) ?? i;
   };
 }
-function ue(d) {
-  const c = w((d == null ? void 0 : d.locale) ?? "zh-CN");
+function Fe(n) {
+  const i = w((n == null ? void 0 : n.locale) ?? "zh-CN");
   return {
     install() {
     },
-    global: { locale: c, t: (i) => {
-      var u, h;
-      return ((u = b[c.value]) == null ? void 0 : u[i]) ?? ((h = b["zh-CN"]) == null ? void 0 : h[i]) ?? i;
+    global: { locale: i, t: (c) => {
+      var m, C;
+      return ((m = T[i.value]) == null ? void 0 : m[c]) ?? ((C = T["zh-CN"]) == null ? void 0 : C[c]) ?? c;
     } }
   };
 }
-const le = /* @__PURE__ */ Z({
+const V = 4096 * 4096, Pe = 8e3, we = /* @__PURE__ */ ge({
   __name: "LtPPT",
   props: {
     initData: {},
@@ -2320,174 +2441,326 @@ const le = /* @__PURE__ */ Z({
     onImageAIEntryClick: {}
   },
   emits: ["image-ai-entry-click"],
-  setup(d, { expose: c, emit: s }) {
-    const i = d, u = s, h = w();
-    let m = null, g = null, k = null, P = null, L = null, x = null, F = null;
-    const v = w(i.locale ?? "zh-CN"), A = w(i.theme ?? "dark"), M = q(() => ({
-      width: i.width,
-      height: i.height
-    })), H = (e) => {
-      var p, r;
-      const t = (p = e.detail) == null ? void 0 : p.element;
+  setup(n, { expose: i, emit: g }) {
+    const c = n, m = g, C = he(), L = w();
+    let S = null, f = null, A = null, R = null, F = null, O = null, B = null;
+    const E = w(c.locale ?? "zh-CN"), D = w(c.theme ?? "dark"), Z = z(() => ({
+      width: c.width,
+      height: c.height
+    })), X = () => {
+      const e = (C == null ? void 0 : C.vnode.props) || {};
+      return !!(e.onImageAIEntryClick || e.onImageAiEntryClick);
+    }, J = z(() => !!c.onImageAIEntryClick || X()), Y = (e) => new Promise((t) => {
+      if (typeof Image > "u") {
+        t(null);
+        return;
+      }
+      let o = !1, r = null;
+      const s = (l) => {
+        o || (o = !0, r && clearTimeout(r), t(l));
+      };
+      r = setTimeout(() => s(null), Pe);
+      const a = new Image();
+      /^https?:\/\//i.test(e) && (a.crossOrigin = "anonymous"), a.decoding = "sync", a.onload = async () => {
+        var l;
+        try {
+          await ((l = a.decode) == null ? void 0 : l.call(a));
+        } catch {
+        }
+        s(a);
+      }, a.onerror = () => s(null), a.src = e;
+    }), q = (e) => {
+      const t = Math.max(1, e.width || 1), o = Math.max(1, e.height || 1);
+      let r = Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, 2);
+      return t * o * r * r > V && (r = Math.sqrt(V / (t * o))), {
+        width: Math.max(1, Math.round(t * r)),
+        height: Math.max(1, Math.round(o * r)),
+        scale: r
+      };
+    }, j = (e, t, o, r, s, a) => {
+      const l = Math.min(Math.max(a, 0), r / 2, s / 2);
+      if (!l) {
+        e.rect(t, o, r, s);
+        return;
+      }
+      e.moveTo(t + l, o), e.lineTo(t + r - l, o), e.quadraticCurveTo(t + r, o, t + r, o + l), e.lineTo(t + r, o + s - l), e.quadraticCurveTo(t + r, o + s, t + r - l, o + s), e.lineTo(t + l, o + s), e.quadraticCurveTo(t, o + s, t, o + s - l), e.lineTo(t, o + l), e.quadraticCurveTo(t, o, t + l, o);
+    }, Q = (e, t, o, r, s) => {
+      var p;
+      const a = G[((p = t.clip) == null ? void 0 : p.shape) || "rect"] || G.rect;
+      if (a.type === $.ELLIPSE) {
+        e.beginPath(), e.ellipse(o / 2, r / 2, o / 2, r / 2, 0, 0, Math.PI * 2), e.clip();
+        return;
+      }
+      if (a.type === $.POLYGON && a.createPath && typeof Path2D < "u") {
+        e.clip(new Path2D(a.createPath(o, r)));
+        return;
+      }
+      const l = a.radius !== void 0 ? (t.radius || Number.parseFloat(a.radius) || 0) * s : 0;
+      e.beginPath(), j(e, 0, 0, o, r, l), e.clip();
+    }, K = (e, t, o) => {
+      if (!e.clip) return { left: 0, top: 0, width: t, height: o };
+      const [r, s] = e.clip.range, a = s[0] - r[0], l = s[1] - r[1];
+      return !Number.isFinite(a) || !Number.isFinite(l) || !a || !l ? { left: 0, top: 0, width: t, height: o } : {
+        left: -r[0] / a * t,
+        top: -r[1] / l * o,
+        width: 100 / a * t,
+        height: 100 / l * o
+      };
+    }, ee = (e) => e.filters ? Object.keys(e.filters).map((t) => {
+      var r;
+      const o = (r = e.filters) == null ? void 0 : r[t];
+      return o ? `${t}(${o})` : "";
+    }).filter(Boolean).join(" ") : "", te = async (e) => {
+      if (!e.src || typeof document > "u") return e.src;
+      try {
+        const t = await Y(e.src);
+        if (!t) return e.src;
+        const o = document.createElement("canvas"), { width: r, height: s, scale: a } = q(e);
+        o.width = r, o.height = s;
+        const l = o.getContext("2d");
+        if (!l) return e.src;
+        l.save(), (e.flipH || e.flipV) && (l.translate(e.flipH ? r : 0, e.flipV ? s : 0), l.scale(e.flipH ? -1 : 1, e.flipV ? -1 : 1)), Q(l, e, r, s, a);
+        const p = ee(e);
+        p && (l.filter = p);
+        const h = K(e, r, s);
+        return l.drawImage(t, h.left, h.top, h.width, h.height), e.colorMask && (l.filter = "none", l.fillStyle = e.colorMask, l.fillRect(0, 0, r, s)), l.restore(), o.toDataURL("image/png");
+      } catch {
+        return e.src;
+      }
+    }, oe = async (e) => {
+      var s, a;
+      const t = (s = e.detail) == null ? void 0 : s.element;
       if (!t || t.type !== "image") return;
-      const n = {
-        element: JSON.parse(JSON.stringify(t))
+      const o = JSON.parse(JSON.stringify(t));
+      o.clipSrc = await te(t);
+      const r = {
+        element: o
       };
-      (r = i.onImageAIEntryClick) == null || r.call(i, n), u("image-ai-entry-click", n);
-    }, G = async () => {
-      if (!h.value || m) return;
+      (a = c.onImageAIEntryClick) == null || a.call(c, r), m("image-ai-entry-click", r);
+    }, ne = async () => {
+      if (!L.value || S) return;
       const [
         { createApp: e },
         { createPinia: t },
-        { default: n },
-        { default: p },
-        r
+        { default: o },
+        { default: r },
+        s
       ] = await Promise.all([
         import("vue"),
         import("./pinia-CVat9nJz.js"),
-        import("./InnerApp-BkVsQnm2.js"),
-        import("./index-e8Js74-o.js"),
-        import("./index-vmpIx8K7.js")
+        import("./InnerApp-DTdTRK-f.js"),
+        import("./index-CwjKu8Yc.js"),
+        import("./index-jHhH4l0I.js")
       ]);
-      if (!h.value) return;
-      k = r.useSlidesStore, P = r.useScreenStore, L = r.useMainStore, x = r.useSnapshotStore;
-      const o = document.createElement("div");
-      o.style.width = "100%", o.style.height = "100%", h.value.appendChild(o), m = e(n, {
-        initData: i.initData,
-        onUploadFile: i.onUploadFile,
-        readonly: i.readonly,
-        onChange: i.onChange,
-        onSave: i.onSave,
-        onInitFinished: i.onInitFinished,
-        onReturn: i.onReturn,
-        theme: A.value
-      }), g = t(), m.use(g), m.provide(U, { locale: v }), m.provide("__lt_ppt_theme__", A), m.config.globalProperties.$t = ne(v), m.use(p), m.mount(o);
-    }, V = () => {
-      m && (m.unmount(), m = null, g = null), h.value && (h.value.innerHTML = "");
+      if (!L.value) return;
+      A = s.useSlidesStore, R = s.useScreenStore, F = s.useMainStore, O = s.useSnapshotStore;
+      const a = document.createElement("div");
+      a.style.width = "100%", a.style.height = "100%", L.value.appendChild(a), S = e(o, {
+        initData: c.initData,
+        onUploadFile: c.onUploadFile,
+        readonly: c.readonly,
+        onChange: c.onChange,
+        onSave: c.onSave,
+        onInitFinished: c.onInitFinished,
+        onReturn: c.onReturn,
+        theme: D.value
+      }), f = t(), S.use(f), S.provide(W, { locale: E }), S.provide("__lt_ppt_theme__", D), S.provide("__lt_ppt_image_ai_entry_enabled__", J), S.config.globalProperties.$t = Te(E), S.use(r), S.mount(a);
+    }, ie = () => {
+      S && (S.unmount(), S = null, f = null), L.value && (L.value.innerHTML = "");
     };
-    j(() => {
-      F = G();
-    }), Q(() => {
-      V();
-    }), z(() => i.locale, (e) => {
-      v.value = e ?? "zh-CN";
-    }), z(() => i.theme, (e) => {
-      A.value = e ?? "dark";
+    me(() => {
+      B = ne();
+    }), fe(() => {
+      ie();
+    }), H(() => c.locale, (e) => {
+      E.value = e ?? "zh-CN";
+    }), H(() => c.theme, (e) => {
+      D.value = e ?? "dark";
     });
-    const T = () => !g || !k ? null : k(g), R = () => !g || !L ? null : L(g), W = () => !g || !x ? null : x(g), O = async () => (!g && F && await F, !!g), B = (e) => new Promise((t) => {
+    const b = () => !f || !A ? null : A(f), P = () => !f || !F ? null : F(f), le = () => !f || !O ? null : O(f), k = async () => (!f && B && await B, !!f), M = (e) => new Promise((t) => {
       if (typeof Image > "u") {
         t(null);
         return;
       }
-      const n = new Image();
-      n.onload = () => {
+      const o = new Image();
+      o.decoding = "sync", o.onload = async () => {
+        var r;
+        try {
+          await ((r = o.decode) == null ? void 0 : r.call(o));
+        } catch {
+        }
         t({
-          width: n.naturalWidth || n.width,
-          height: n.naturalHeight || n.height
+          width: o.naturalWidth || o.width,
+          height: o.naturalHeight || o.height
         });
-      }, n.onerror = () => t(null), n.src = e;
-    }), y = (e, t) => Number.isFinite(e) && e > 0 ? e : t, D = (e, t) => t.slideId ? e.slides.findIndex((n) => n.id === t.slideId) : t.slideIndex !== void 0 ? Number.isInteger(t.slideIndex) && t.slideIndex >= 0 && t.slideIndex < e.slides.length ? t.slideIndex : -1 : e.slideIndex, X = async (e, t, n, p, r = { width: 300, height: 200 }) => {
-      const o = await B(e);
-      let l = y(t.width, (o == null ? void 0 : o.width) || r.width), S = y(t.height, (o == null ? void 0 : o.height) || r.height);
-      if (t.width !== void 0 && t.height === void 0 && (o != null && o.width) && o.height)
-        S = l * o.height / o.width;
-      else if (t.height !== void 0 && t.width === void 0 && (o != null && o.width) && o.height)
-        l = S * o.width / o.height;
-      else if (t.width === void 0 && t.height === void 0 && (o != null && o.width) && o.height) {
-        const C = Math.min(1, n / o.width, p / o.height);
-        l = o.width * C, S = o.height * C;
+      }, o.onerror = () => t(null), o.src = e;
+    }), I = (e, t) => Number.isFinite(e) && e > 0 ? e : t, U = (e, t, o, r, s) => {
+      let a = I(e.width, (t == null ? void 0 : t.width) || s.width), l = I(e.height, (t == null ? void 0 : t.height) || s.height);
+      if (e.width !== void 0 && e.height === void 0 && (t != null && t.width) && t.height)
+        l = a * t.height / t.width;
+      else if (e.height !== void 0 && e.width === void 0 && (t != null && t.width) && t.height)
+        a = l * t.width / t.height;
+      else if (e.width === void 0 && e.height === void 0 && (t != null && t.width) && t.height) {
+        const p = Math.min(1, o / t.width, r / t.height);
+        a = t.width * p, l = t.height * p;
+      }
+      return { width: a, height: l };
+    }, N = (e) => new Promise((t) => {
+      if (typeof document > "u") {
+        t(null);
+        return;
       }
-      return { width: l, height: S };
-    }, E = async () => {
-      const e = W();
+      const o = document.createElement("video");
+      o.preload = "metadata", o.muted = !0, o.onloadedmetadata = () => {
+        const r = o.videoWidth, s = o.videoHeight;
+        o.onloadedmetadata = null, o.onerror = null, o.removeAttribute("src"), o.load(), t(r && s ? { width: r, height: s } : null);
+      }, o.onerror = () => {
+        o.onloadedmetadata = null, o.onerror = null, o.removeAttribute("src"), o.load(), t(null);
+      }, o.src = e;
+    }), v = (e, t) => t.slideId ? e.slides.findIndex((o) => o.id === t.slideId) : t.slideIndex !== void 0 ? Number.isInteger(t.slideIndex) && t.slideIndex >= 0 && t.slideIndex < e.slides.length ? t.slideIndex : -1 : e.slideIndex, ae = async (e, t, o, r, s = { width: 300, height: 200 }) => {
+      const a = await M(e);
+      return U(t, a, o, r, s);
+    }, x = async () => {
+      const e = le();
       e && await e.addSnapshot();
-    }, J = async (e) => {
-      if (!e.src || !await O()) return null;
-      const t = T(), n = R();
-      if (!t || !n || !t.slides.length) return null;
-      const p = D(t, e);
-      if (p === -1) return null;
-      t.slideIndex !== p && t.updateSlideIndex(p);
-      const r = t.viewportSize, o = t.viewportSize * t.viewportRatio, { width: l, height: S } = await X(e.src, e, r, o), { nanoid: C } = await import("./index.browser-Wq18ov6h.js"), a = {
+    }, re = async (e) => {
+      if (!e.src || !await k()) return null;
+      const t = b(), o = P();
+      if (!t || !o || !t.slides.length) return null;
+      const r = v(t, e);
+      if (r === -1) return null;
+      t.slideIndex !== r && t.updateSlideIndex(r);
+      const s = t.viewportSize, a = t.viewportSize * t.viewportRatio, { width: l, height: p } = await ae(e.src, e, s, a), { nanoid: h } = await import("./index.browser-Wq18ov6h.js"), d = {
         type: "image",
-        id: C(10),
+        id: h(10),
         src: e.src,
         width: l,
-        height: S,
-        left: e.left ?? (r - l) / 2,
-        top: e.top ?? (o - S) / 2,
+        height: p,
+        left: e.left ?? (s - l) / 2,
+        top: e.top ?? (a - p) / 2,
         fixedRatio: e.fixedRatio ?? !0,
         rotate: e.rotate ?? 0
       };
-      return t.addElement(a), e.select !== !1 && n.setActiveElementIdList([a.id]), await E(), JSON.parse(JSON.stringify(a));
-    }, _ = (e, t, n) => {
-      var S, C;
-      const p = !!n.slideId || n.slideIndex !== void 0, r = D(e, n), o = n.elementId || (t.activeElementIdList.length === 1 ? t.activeElementIdList[0] : t.handleElementId);
-      if (!o) return null;
-      if (p || !n.elementId) {
-        if (r === -1) return null;
-        const a = (S = e.slides[r]) == null ? void 0 : S.elements.find((f) => f.id === o);
-        return (a == null ? void 0 : a.type) === "image" ? { slideIndex: r, element: a } : null;
+      return t.addElement(d), e.select !== !1 && o.setActiveElementIdList([d.id]), await x(), JSON.parse(JSON.stringify(d));
+    }, se = (e, t, o) => {
+      var p, h;
+      const r = !!o.slideId || o.slideIndex !== void 0, s = v(e, o), a = o.elementId || (t.activeElementIdList.length === 1 ? t.activeElementIdList[0] : t.handleElementId);
+      if (!a) return null;
+      if (r || !o.elementId) {
+        if (s === -1) return null;
+        const d = (p = e.slides[s]) == null ? void 0 : p.elements.find((u) => u.id === a);
+        return (d == null ? void 0 : d.type) === "image" ? { slideIndex: s, element: d } : null;
       }
-      const l = (C = e.slides[e.slideIndex]) == null ? void 0 : C.elements.find((a) => a.id === o);
+      const l = (h = e.slides[e.slideIndex]) == null ? void 0 : h.elements.find((d) => d.id === a);
       if ((l == null ? void 0 : l.type) === "image") return { slideIndex: e.slideIndex, element: l };
-      for (let a = 0; a < e.slides.length; a++) {
-        const f = e.slides[a].elements.find((I) => I.id === o);
-        if ((f == null ? void 0 : f.type) === "image") return { slideIndex: a, element: f };
+      for (let d = 0; d < e.slides.length; d++) {
+        const u = e.slides[d].elements.find((y) => y.id === a);
+        if ((u == null ? void 0 : u.type) === "image") return { slideIndex: d, element: u };
+      }
+      return null;
+    }, de = async (e) => {
+      if (!e.src || !await k()) return null;
+      const t = b(), o = P();
+      if (!t || !o || !t.slides.length) return null;
+      const r = se(t, o, e);
+      if (!r) return null;
+      const { slideIndex: s, element: a } = r, l = { src: e.src };
+      if (e.fixedRatio !== void 0 && (l.fixedRatio = e.fixedRatio), e.resetClip && (l.clip = void 0), !(e.keepSize === !0 && e.width === void 0 && e.height === void 0)) {
+        const d = await M(e.src), u = I(e.width, a.width);
+        let y = I(e.height, a.height);
+        e.height === void 0 && (d != null && d.width) && d.height && (y = u * d.height / d.width), l.width = u, l.height = y, l.left = a.left, l.top = a.top, l.clip = void 0;
+      }
+      const h = t.slides[s].id;
+      return t.updateElement({ id: a.id, props: l, slideId: h }), t.slideIndex !== s && t.updateSlideIndex(s), e.select !== !1 && o.setActiveElementIdList([a.id]), await x(), JSON.parse(JSON.stringify({ ...a, ...l }));
+    }, ce = async (e) => {
+      if (!e.src || !await k()) return null;
+      const t = b(), o = P();
+      if (!t || !o || !t.slides.length) return null;
+      const r = v(t, e);
+      if (r === -1) return null;
+      t.slideIndex !== r && t.updateSlideIndex(r);
+      const s = t.viewportSize, a = t.viewportSize * t.viewportRatio, l = await N(e.src), { width: p, height: h } = U(e, l, s, a, { width: 500, height: 300 }), { nanoid: d } = await import("./index.browser-Wq18ov6h.js"), u = {
+        type: "video",
+        id: d(10),
+        src: e.src,
+        width: p,
+        height: h,
+        left: e.left ?? (s - p) / 2,
+        top: e.top ?? (a - h) / 2,
+        rotate: e.rotate ?? 0,
+        autoplay: e.autoplay ?? !1
+      };
+      return e.poster !== void 0 && (u.poster = e.poster), e.ext && (u.ext = e.ext), t.addElement(u), e.select !== !1 && o.setActiveElementIdList([u.id]), await x(), JSON.parse(JSON.stringify(u));
+    }, ue = (e, t, o) => {
+      var p, h;
+      const r = !!o.slideId || o.slideIndex !== void 0, s = v(e, o), a = o.elementId || (t.activeElementIdList.length === 1 ? t.activeElementIdList[0] : t.handleElementId);
+      if (!a) return null;
+      if (r || !o.elementId) {
+        if (s === -1) return null;
+        const d = (p = e.slides[s]) == null ? void 0 : p.elements.find((u) => u.id === a);
+        return (d == null ? void 0 : d.type) === "video" ? { slideIndex: s, element: d } : null;
+      }
+      const l = (h = e.slides[e.slideIndex]) == null ? void 0 : h.elements.find((d) => d.id === a);
+      if ((l == null ? void 0 : l.type) === "video") return { slideIndex: e.slideIndex, element: l };
+      for (let d = 0; d < e.slides.length; d++) {
+        const u = e.slides[d].elements.find((y) => y.id === a);
+        if ((u == null ? void 0 : u.type) === "video") return { slideIndex: d, element: u };
       }
       return null;
     };
-    return c({
+    return i({
       getSlides: () => {
-        const e = T();
+        const e = b();
         return e ? JSON.parse(JSON.stringify(e.slides)) : [];
       },
       getSelectedElements: () => {
-        const e = R();
+        const e = P();
         return e ? JSON.parse(JSON.stringify(e.activeElementList)) : [];
       },
       setSlides: (e) => {
-        const t = T();
+        const t = b();
         t && t.setSlides(e);
       },
       startScreening: () => {
-        if (!g || !P) return;
-        P(g).setScreening(!0);
+        if (!f || !R) return;
+        R(f).setScreening(!0);
       },
       getCurrentIndex: () => {
-        const e = T();
+        const e = b();
         return e ? e.slideIndex : 0;
       },
-      insertImage: J,
-      replaceImage: async (e) => {
-        if (!e.src || !await O()) return null;
-        const t = T(), n = R();
-        if (!t || !n || !t.slides.length) return null;
-        const p = _(t, n, e);
-        if (!p) return null;
-        const { slideIndex: r, element: o } = p, l = { src: e.src };
-        if (e.fixedRatio !== void 0 && (l.fixedRatio = e.fixedRatio), e.resetClip && (l.clip = void 0), !(e.keepSize === !0 && e.width === void 0 && e.height === void 0)) {
-          const a = await B(e.src), f = y(e.width, o.width);
-          let I = y(e.height, o.height);
-          e.height === void 0 && (a != null && a.width) && a.height && (I = f * a.height / a.width), l.width = f, l.height = I, l.left = o.left, l.top = o.top, l.clip = void 0;
+      insertImage: re,
+      replaceImage: de,
+      insertVideo: ce,
+      replaceVideo: async (e) => {
+        if (!e.src || !await k()) return null;
+        const t = b(), o = P();
+        if (!t || !o || !t.slides.length) return null;
+        const r = ue(t, o, e);
+        if (!r) return null;
+        const { slideIndex: s, element: a } = r, l = { src: e.src };
+        if (e.autoplay !== void 0 && (l.autoplay = e.autoplay), e.poster !== void 0 && (l.poster = e.poster || void 0), e.ext !== void 0 && (l.ext = e.ext || void 0), !(e.keepSize === !0 && e.width === void 0 && e.height === void 0)) {
+          const d = await N(e.src), u = I(e.width, a.width);
+          let y = I(e.height, a.height);
+          e.height === void 0 && (d != null && d.width) && d.height && (y = u * d.height / d.width), l.width = u, l.height = y, l.left = a.left, l.top = a.top;
         }
-        const C = t.slides[r].id;
-        return t.updateElement({ id: o.id, props: l, slideId: C }), t.slideIndex !== r && t.updateSlideIndex(r), e.select !== !1 && n.setActiveElementIdList([o.id]), await E(), JSON.parse(JSON.stringify({ ...o, ...l }));
+        const h = t.slides[s].id;
+        return t.updateElement({ id: a.id, props: l, slideId: h }), t.slideIndex !== s && t.updateSlideIndex(s), e.select !== !1 && o.setActiveElementIdList([a.id]), await x(), JSON.parse(JSON.stringify({ ...a, ...l }));
       }
-    }), (e, t) => (K(), $("div", {
+    }), (e, t) => (Se(), Ce("div", {
       ref_key: "containerRef",
-      ref: h,
+      ref: L,
       class: "lt-ppt-container",
-      style: ee(M.value),
-      onImageAiEntryClick: H
+      style: ye(Z.value),
+      onImageAiEntryClick: oe
     }, null, 36));
   }
-}), ae = (d, c) => {
-  const s = d.__vccOpts || d;
-  for (const [i, u] of c)
-    s[i] = u;
-  return s;
-}, pe = /* @__PURE__ */ ae(le, [["__scopeId", "data-v-aa99033b"]]), re = [
+}), ke = (n, i) => {
+  const g = n.__vccOpts || n;
+  for (const [c, m] of i)
+    g[c] = m;
+  return g;
+}, Oe = /* @__PURE__ */ ke(we, [["__scopeId", "data-v-473d1efa"]]), ve = [
   "SourceHanSans",
   "SourceHanSerif",
   "WenDingPLSongTi",
@@ -2516,18 +2789,20 @@ const le = /* @__PURE__ */ Z({
   "Montserrat",
   "SourceSansPro",
   "Merriweather"
-], ge = (d = "/fonts") => {
+], Be = (n = "/fonts") => {
   if (typeof document > "u" || !document.head) return;
-  const c = d.replace(/\/$/, ""), s = document.createElement("style");
-  s.textContent = re.map(
-    (i) => `@font-face { font-display: swap; font-family: ${i}; src: url('${c}/${i}.woff2') format('woff2'); }`
+  const i = n.replace(/\/$/, ""), g = document.createElement("style");
+  g.textContent = ve.map(
+    (c) => `@font-face { font-display: swap; font-family: ${c}; src: url('${i}/${c}.woff2') format('woff2'); }`
   ).join(`
-`), document.head.appendChild(s);
+`), document.head.appendChild(g);
 };
 export {
-  pe as L,
-  ae as _,
-  ue as c,
-  ge as l,
-  ce as u
+  $ as C,
+  Oe as L,
+  ke as _,
+  G as a,
+  Fe as c,
+  Be as l,
+  Re as u
 };