vue3-image-compressor 1.0.4 → 1.0.7

package/dist/vue-image-compressor.js

@@ -1,5 +1,5 @@
-import { ref as b, onUnmounted as Q, computed as q, defineComponent as H, watch as K, openBlock as _, createElementBlock as k, createElementVNode as g, withModifiers as N, renderSlot as S, toDisplayString as T, unref as m, createCommentVNode as z, withDirectives as X, isRef as Y, Fragment as Z, renderList as ee, vModelSelect as te, createTextVNode as ne } from "vue";
-const L = {
+import { ref as y, onUnmounted as Y, computed as R, defineComponent as Z, openBlock as z, createElementBlock as k, createElementVNode as E, withModifiers as J, renderSlot as S, toDisplayString as D, unref as v, createCommentVNode as I, withDirectives as ee, isRef as te, Fragment as oe, renderList as re, vModelSelect as ne, createTextVNode as se } from "vue";
+const G = {
   mozJPEG: {
     label: "MozJPEG",
     mimeType: "image/jpeg",
@@ -50,7 +50,7 @@ const L = {
     mimeType: "image/webp2",
     extension: "wp2"
   }
-}, W = {
+}, N = {
   mozJPEG: {
     quality: 75,
     baseline: !1,
@@ -124,537 +124,663 @@ const L = {
   wp2: {
     quality: 75
   }
-}, re = Object.keys(L);
-async function oe(t) {
-  const e = await createImageBitmap(t), r = document.createElement("canvas");
-  r.width = e.width, r.height = e.height;
-  const n = r.getContext("2d");
-  return n.drawImage(e, 0, 0), n.getImageData(0, 0, r.width, r.height);
+}, ae = Object.keys(G);
+async function Q(r) {
+  const o = await createImageBitmap(r), n = document.createElement("canvas");
+  n.width = o.width, n.height = o.height;
+  const t = n.getContext("2d");
+  return t.drawImage(o, 0, 0), t.getImageData(0, 0, n.width, n.height);
 }
-async function J(t, e, r) {
-  const n = document.createElement("canvas");
-  return n.width = t.width, n.height = t.height, n.getContext("2d").putImageData(t, 0, 0), new Promise((p) => {
-    n.toBlob(
-      (c) => p(c),
-      e,
-      r
+async function B(r, o, n) {
+  const t = document.createElement("canvas");
+  return t.width = r.width, t.height = r.height, t.getContext("2d").putImageData(r, 0, 0), new Promise((s) => {
+    t.toBlob(
+      (a) => s(a),
+      o,
+      n
     );
   });
 }
-function Ge(t) {
-  return new Promise((e, r) => {
-    const n = new Image();
-    n.onload = () => {
-      e({ width: n.width, height: n.height }), URL.revokeObjectURL(n.src);
-    }, n.onerror = r, n.src = URL.createObjectURL(t);
+function Le(r) {
+  return new Promise((o, n) => {
+    const t = new Image();
+    t.onload = () => {
+      o({ width: t.width, height: t.height }), URL.revokeObjectURL(t.src);
+    }, t.onerror = n, t.src = URL.createObjectURL(r);
   });
 }
-async function se(t) {
-  const e = new Uint8Array(await t.slice(0, 4).arrayBuffer());
-  return e[0] === 137 && e[1] === 80 ? "image/png" : e[0] === 255 && e[1] === 216 ? "image/jpeg" : e[0] === 71 && e[1] === 73 ? "image/gif" : e[0] === 82 && e[1] === 73 ? "image/webp" : e[0] === 0 && e[1] === 0 ? "image/avif" : t.type || "image/jpeg";
+async function ie(r) {
+  const o = new Uint8Array(await r.slice(0, 4).arrayBuffer());
+  return o[0] === 137 && o[1] === 80 ? "image/png" : o[0] === 255 && o[1] === 216 ? "image/jpeg" : o[0] === 71 && o[1] === 73 ? "image/gif" : o[0] === 82 && o[1] === 73 ? "image/webp" : o[0] === 0 && o[1] === 0 ? "image/avif" : r.type || "image/jpeg";
 }
-function ae(t) {
-  return new Promise((e) => {
-    const r = new Image();
-    r.onload = () => e(!0), r.onerror = () => e(!1), r.src = `data:${t};base64,`;
+function le(r) {
+  return new Promise((o) => {
+    const n = new Image();
+    n.onload = () => o(!0), n.onerror = () => o(!1), n.src = `data:${r};base64,`;
   });
 }
-function ie(t, e, r) {
-  return new File([t], e, { type: r });
+function H(r, o, n) {
+  return new File([r], o, { type: n });
 }
-function $(t, e = 2) {
-  if (t === 0) return "0 Bytes";
-  const r = 1024, n = e < 0 ? 0 : e, u = ["Bytes", "KB", "MB", "GB"], p = Math.floor(Math.log(t) / Math.log(r));
-  return parseFloat((t / Math.pow(r, p)).toFixed(n)) + " " + u[p];
+function $(r, o = 2) {
+  if (r === 0) return "0 Bytes";
+  const n = 1024, t = o < 0 ? 0 : o, e = ["Bytes", "KB", "MB", "GB"], s = Math.floor(Math.log(r) / Math.log(n));
+  return parseFloat((r / Math.pow(n, s)).toFixed(t)) + " " + e[s];
 }
-function le(t, e) {
-  return t === 0 ? 0 : Math.round((t - e) / t * 100);
+function K(r, o) {
+  if (r === 0) return 0;
+  const n = Math.round((r - o) / r * 100);
+  return Math.max(0, n);
 }
-function ce(t, e) {
-  return `${t.replace(/\.[^.]+$/, "")}_compressed.${e}`;
+function X(r, o) {
+  return `${r.replace(/\.[^.]+$/, "")}_compressed.${o}`;
 }
-function V(t) {
-  return URL.createObjectURL(t);
+function V(r) {
+  return URL.createObjectURL(r);
 }
-function ue(t) {
-  URL.revokeObjectURL(t);
+function ce(r) {
+  URL.revokeObjectURL(r);
 }
-const de = 1e4;
-function me() {
-  const t = b(!1), e = b(!1), r = b(null);
-  let n = null, u = null;
-  function p() {
-    if (!n)
+const ue = 1e4;
+function de(r) {
+  let o = 0;
+  const n = /* @__PURE__ */ new Map();
+  r.addEventListener("message", (e) => {
+    const { id: s, result: a, error: p } = e.data, u = n.get(s);
+    u && (n.delete(s), p ? u.reject(new Error(p)) : u.resolve(a));
+  }), r.addEventListener("error", (e) => {
+    console.error("Worker error:", {
+      message: e.message,
+      filename: e.filename,
+      lineno: e.lineno,
+      colno: e.colno,
+      error: e.error
+    }), n.forEach((s) => s.reject(e)), n.clear();
+  });
+  function t(e, ...s) {
+    return new Promise((a, p) => {
+      const u = ++o;
+      n.set(u, { resolve: a, reject: p }), r.postMessage({ id: u, method: e, args: s });
+    });
+  }
+  return {
+    avifDecode: (e) => t("avifDecode", e),
+    jxlDecode: (e) => t("jxlDecode", e),
+    qoiDecode: (e) => t("qoiDecode", e),
+    webpDecode: (e) => t("webpDecode", e),
+    wp2Decode: (e) => t("wp2Decode", e),
+    avifEncode: (e, s) => t("avifEncode", e, s),
+    jxlEncode: (e, s) => t("jxlEncode", e, s),
+    mozjpegEncode: (e, s) => t("mozjpegEncode", e, s),
+    oxipngEncode: (e, s) => t("oxipngEncode", e, s),
+    qoiEncode: (e, s) => t("qoiEncode", e, s),
+    webpEncode: (e, s) => t("webpEncode", e, s),
+    wp2Encode: (e, s) => t("wp2Encode", e, s),
+    rotate: (e, s) => t("rotate", e, s),
+    quantize: (e, s) => t("quantize", e, s),
+    resize: (e, s) => t("resize", e, s)
+  };
+}
+function pe() {
+  const r = y(!1), o = y(!1), n = y(null);
+  let t = null, e = null;
+  function s() {
+    if (!t)
       try {
-        e.value = !0, n = new Worker(
+        o.value = !0, t = new Worker(
           new URL(
             /* @vite-ignore */
-            "/assets/imageWorker-DyeUTFOy.js",
+            "/assets/imageWorker-Qv3pCULy.js",
             import.meta.url
           ),
           { type: "module" }
-        ), t.value = !0, r.value = null;
-      } catch (x) {
-        r.value = x instanceof Error ? x : new Error("Failed to start worker"), console.error("Worker start failed:", x);
+        ), r.value = !0, n.value = null;
+      } catch (b) {
+        n.value = b instanceof Error ? b : new Error("Failed to start worker"), console.error("Worker start failed:", b);
       } finally {
-        e.value = !1;
+        o.value = !1;
       }
   }
-  function c() {
-    u && (clearTimeout(u), u = null), n && (n.terminate(), n = null, t.value = !1);
+  function a() {
+    e && (clearTimeout(e), e = null), t && (t.terminate(), t = null, r.value = !1);
   }
-  function h() {
-    u && clearTimeout(u), u = window.setTimeout(() => {
-      c();
-    }, de);
+  function p() {
+    e && clearTimeout(e), e = window.setTimeout(() => {
+      a();
+    }, ue);
   }
-  async function w() {
-    if (n || p(), !n)
+  async function u() {
+    if (t || s(), !t)
       throw new Error("Worker failed to initialize");
-    return n;
+    return de(t);
   }
-  async function P(x, C) {
-    if (x.aborted)
+  async function h(b, O) {
+    if (b.aborted)
       throw new DOMException("AbortError", "AbortError");
-    return clearTimeout(u), new Promise((G, R) => {
-      const O = () => {
-        c(), R(new DOMException("AbortError", "AbortError"));
+    return clearTimeout(e), new Promise((q, P) => {
+      const T = () => {
+        a(), P(new DOMException("AbortError", "AbortError"));
       };
-      x.addEventListener("abort", O), C().then(G).catch(R).finally(() => {
-        x.removeEventListener("abort", O), h();
+      b.addEventListener("abort", T), O().then(q).catch(P).finally(() => {
+        b.removeEventListener("abort", T), p();
       });
     });
   }
-  return Q(() => {
-    c();
+  return Y(() => {
+    a();
   }), {
-    isReady: t,
-    isLoading: e,
-    error: r,
-    worker: n,
-    getWorkerApi: w,
-    executeTask: P,
-    terminateWorker: c
+    isReady: r,
+    isLoading: o,
+    error: n,
+    worker: t,
+    getWorkerApi: u,
+    executeTask: h,
+    terminateWorker: a
   };
 }
-function pe() {
-  const t = b(!1), e = b(0), r = b(null), n = b(null), u = b(null), { getWorkerApi: p, executeTask: c } = me(), h = q(() => t.value && !!u.value);
-  async function w(d, o) {
-    const a = await se(o), i = await ae(a), f = await p();
-    if (!i) {
-      if (a === "image/avif")
-        return c(d, () => f.avifDecode(o));
-      if (a === "image/webp")
-        return c(d, () => f.webpDecode(o));
-      if (a === "image/jxl")
-        return c(d, () => f.jxlDecode(o));
-      if (a === "image/webp2")
-        return c(d, () => f.wp2Decode(o));
-      if (a === "image/qoi")
-        return c(d, () => f.qoiDecode(o));
+function me() {
+  const r = y(!1), o = y(0), n = y(null), t = y(null), e = y(null), { getWorkerApi: s, executeTask: a } = pe(), p = R(() => r.value && !!e.value);
+  async function u(f, i) {
+    const l = await ie(i), d = await le(l), w = await s();
+    if (!d) {
+      if (l === "image/avif")
+        return a(f, () => w.avifDecode(i));
+      if (l === "image/webp")
+        return a(f, () => w.webpDecode(i));
+      if (l === "image/jxl")
+        return a(f, () => w.jxlDecode(i));
+      if (l === "image/webp2")
+        return a(f, () => w.wp2Decode(i));
+      if (l === "image/qoi")
+        return a(f, () => w.qoiDecode(i));
     }
-    return oe(o);
+    return Q(i);
   }
-  async function P(d, o, a) {
-    if (a === 0) return o;
-    const i = await p();
-    return c(
-      d,
-      () => i.rotate(o, { rotate: a })
+  async function h(f, i, l) {
+    if (l === 0) return i;
+    const d = await s();
+    return a(
+      f,
+      () => d.rotate(i, { rotate: l })
     );
   }
-  async function x(d, o, a) {
-    var v, y;
-    let i = o;
-    const f = await p();
-    return (v = a.resize) != null && v.enabled && (i = await c(
-      d,
-      () => f.resize(i, {
-        width: a.resize.width || i.width,
-        height: a.resize.height || i.height,
-        method: a.resize.method || "lanczos3",
-        fitMethod: a.resize.fitMethod || "stretch",
+  async function b(f, i, l) {
+    var g, x;
+    let d = i;
+    const w = await s();
+    return (g = l.resize) != null && g.enabled && (d = await a(
+      f,
+      () => w.resize(d, {
+        width: l.resize.width || d.width,
+        height: l.resize.height || d.height,
+        method: l.resize.method || "lanczos3",
+        fitMethod: l.resize.fitMethod || "stretch",
         premultiply: !0,
         linearRGB: !0
       })
-    )), (y = a.quantize) != null && y.enabled && (i = await c(
-      d,
-      () => f.quantize(i, {
-        numColors: a.quantize.numColors || 256,
-        dither: a.quantize.dither || 1
+    )), (x = l.quantize) != null && x.enabled && (d = await a(
+      f,
+      () => w.quantize(d, {
+        numColors: l.quantize.numColors || 256,
+        dither: l.quantize.dither || 1
       })
-    )), i;
+    )), d;
   }
-  async function C(d, o, a) {
-    const i = await p(), f = a.encoder;
-    if (f === "browserJPEG")
-      return (await J(
-        o,
+  async function O(f, i, l) {
+    const d = await s(), w = l.encoder;
+    if (w === "browserJPEG")
+      return (await B(
+        i,
         "image/jpeg",
-        a.encoderOptions.quality
+        l.encoderOptions.quality
       )).arrayBuffer();
-    if (f === "browserPNG")
-      return (await J(o, "image/png")).arrayBuffer();
-    if (f === "browserGIF")
+    if (w === "browserPNG")
+      return (await B(i, "image/png")).arrayBuffer();
+    if (w === "browserGIF")
       throw new Error("Browser GIF encoding not supported directly");
-    const y = {
-      mozJPEG: i.mozjpegEncode,
-      webP: i.webpEncode,
-      avif: i.avifEncode,
-      jxl: i.jxlEncode,
-      oxiPNG: i.oxipngEncode,
-      qoi: i.qoiEncode,
-      wp2: i.wp2Encode
-    }[f];
-    if (!y)
-      throw new Error(`Unknown encoder: ${f}`);
-    return (await c(
-      d,
-      () => y.call(i, o, a.encoderOptions)
+    const x = {
+      mozJPEG: d.mozjpegEncode,
+      webP: d.webpEncode,
+      avif: d.avifEncode,
+      jxl: d.jxlEncode,
+      oxiPNG: d.oxipngEncode,
+      qoi: d.qoiEncode,
+      wp2: d.wp2Encode
+    }[w];
+    if (!x)
+      throw new Error(`Unknown encoder: ${w}`);
+    return (await a(
+      f,
+      () => x.call(d, i, l.encoderOptions)
     )).buffer;
   }
-  async function G(d, o) {
-    var f;
-    u.value = new AbortController();
-    const a = u.value.signal;
-    t.value = !0, e.value = 0, r.value = null;
-    const i = n.value;
-    n.value = null, (f = i == null ? void 0 : i.compressed) != null && f.blobUrl && ue(i.compressed.blobUrl);
+  async function q(f, i) {
+    var w;
+    e.value = new AbortController();
+    const l = e.value.signal;
+    r.value = !0, o.value = 0, n.value = null;
+    const d = t.value;
+    t.value = null, (w = d == null ? void 0 : d.compressed) != null && w.blobUrl && ce(d.compressed.blobUrl);
     try {
-      e.value = 10;
-      const v = {
-        file: d,
-        size: d.size,
+      o.value = 10;
+      const g = {
+        file: f,
+        size: f.size,
         width: 0,
         height: 0,
-        blobUrl: V(d)
-      }, y = await w(a, d);
-      v.width = y.width, v.height = y.height, e.value = 25;
-      const j = await P(
-        a,
-        y,
-        o.rotate || 0
+        blobUrl: V(f)
+      }, x = await u(l, f);
+      g.width = x.width, g.height = x.height, o.value = 25;
+      const U = await h(
+        l,
+        x,
+        i.rotate || 0
       );
-      e.value = 35;
-      const U = await x(a, j, o);
-      e.value = 50;
-      const F = await C(a, U, o);
-      e.value = 80;
-      const I = L[o.encoder], M = ce(
-        d.name,
-        (I == null ? void 0 : I.extension) || "bin"
-      ), D = ie(
+      o.value = 35;
+      const j = await b(l, U, i);
+      o.value = 50;
+      const F = await O(l, j, i);
+      o.value = 80;
+      const C = G[i.encoder], A = X(
+        f.name,
+        (C == null ? void 0 : C.extension) || "bin"
+      ), L = H(
         F,
-        M,
-        (I == null ? void 0 : I.mimeType) || "application/octet-stream"
-      ), B = {
-        file: D,
-        size: D.size,
-        width: U.width,
-        height: U.height,
-        blobUrl: V(D)
-      }, l = {
-        original: v,
-        compressed: B,
-        savingsBytes: v.size - B.size,
-        savingsPercent: le(v.size, B.size),
-        encoderType: o.encoder,
-        encoderOptions: o.encoderOptions
+        A,
+        (C == null ? void 0 : C.mimeType) || "application/octet-stream"
+      ), M = {
+        file: L,
+        size: L.size,
+        width: j.width,
+        height: j.height,
+        blobUrl: V(L)
+      }, m = {
+        original: g,
+        compressed: M,
+        savingsBytes: g.size - M.size,
+        savingsPercent: K(g.size, M.size),
+        encoderType: i.encoder,
+        encoderOptions: i.encoderOptions
       };
-      return n.value = l, e.value = 100, l;
-    } catch (v) {
-      if (v instanceof DOMException && v.name === "AbortError")
-        throw r.value = "已取消", v;
-      const y = v instanceof Error ? v.message : "压缩失败";
-      throw r.value = y, console.error("Compression error:", v), v;
+      return t.value = m, o.value = 100, m;
+    } catch (g) {
+      if (g instanceof DOMException && g.name === "AbortError")
+        throw n.value = "已取消", g;
+      const x = g instanceof Error ? g.message : "压缩失败";
+      throw n.value = x, console.error("Compression error:", g), g;
     } finally {
-      t.value = !1, u.value = null;
+      r.value = !1, e.value = null;
     }
   }
-  function R() {
-    u.value && u.value.abort();
+  function P() {
+    e.value && e.value.abort();
   }
-  function O() {
-    if (!n.value) return;
-    const { compressed: d } = n.value, o = document.createElement("a");
-    o.href = d.blobUrl, o.download = d.file.name, document.body.appendChild(o), o.click(), document.body.removeChild(o);
+  function T() {
+    if (!t.value) return;
+    const { compressed: f } = t.value, i = document.createElement("a");
+    i.href = f.blobUrl, i.download = f.file.name, document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }
   return {
-    compress: G,
-    cancel: R,
-    downloadResult: O,
-    isCompressing: t,
-    progress: e,
-    error: r,
-    result: n,
-    canCancel: h
+    compress: q,
+    cancel: P,
+    downloadResult: T,
+    isCompressing: r,
+    progress: o,
+    error: n,
+    result: t,
+    canCancel: p
   };
 }
 function fe() {
-  const t = b("mozJPEG"), e = b({}), r = q(() => L[t.value]), n = q(
-    () => W[t.value]
-  ), u = q(
-    () => re.map((w) => ({
-      type: w,
-      label: L[w].label,
-      mimeType: L[w].mimeType,
-      extension: L[w].extension
+  const r = y("mozJPEG"), o = y({}), n = R(() => G[r.value]), t = R(
+    () => N[r.value]
+  ), e = R(
+    () => ae.map((u) => ({
+      type: u,
+      label: G[u].label,
+      mimeType: G[u].mimeType,
+      extension: G[u].extension
     }))
   );
-  function p(w) {
-    t.value = w, e.value = { ...W[w] };
+  function s(u) {
+    r.value = u, o.value = { ...N[u] };
   }
-  function c(w, P) {
-    e.value = {
-      ...e.value,
-      [w]: P
+  function a(u, h) {
+    o.value = {
+      ...o.value,
+      [u]: h
     };
   }
-  function h() {
-    e.value = { ...n.value };
+  function p() {
+    o.value = { ...t.value };
   }
-  return h(), {
-    selectedEncoder: t,
-    encoderOptions: e,
-    currentMeta: r,
-    currentDefaults: n,
-    availableEncoders: u,
-    selectEncoder: p,
-    updateOption: c,
-    resetOptions: h
+  return p(), {
+    selectedEncoder: r,
+    encoderOptions: o,
+    currentMeta: n,
+    currentDefaults: t,
+    availableEncoders: e,
+    selectEncoder: s,
+    updateOption: a,
+    resetOptions: p
   };
 }
-const ve = { class: "image-compressor" }, ge = {
+const ve = { class: "image-compressor" }, we = {
   key: 0,
   class: "preview-area"
-}, we = { class: "preview-item" }, be = ["src"], he = { class: "preview-item" }, ye = ["src"], Ee = {
+}, ge = { class: "preview-item" }, be = ["src"], Ee = { class: "preview-item" }, he = ["src"], ye = {
   key: 1,
   class: "compressing"
-}, _e = ["value"], ke = { key: 2 }, xe = {
+}, xe = ["value"], _e = { key: 2 }, ze = {
   key: 1,
   class: "encoder-settings"
-}, Oe = ["value"], Te = {
+}, ke = ["value"], Oe = {
   key: 0,
   class: "quality-control"
-}, ze = ["value"], Pe = {
+}, Pe = ["value"], Te = {
   key: 2,
   class: "actions"
-}, Ie = ["disabled"], Ce = {
+}, De = ["disabled"], Ie = {
   key: 3,
   class: "error"
-}, Re = /* @__PURE__ */ H({
+}, qe = /* @__PURE__ */ Z({
   __name: "ImageCompressor",
   props: {
     defaultEncoder: {},
     defaultOptions: {}
   },
   emits: ["success", "error", "cancel"],
-  setup(t, { emit: e }) {
-    const r = t, n = e, u = b(null), p = b(null), c = b(""), h = b(""), {
-      compress: w,
-      cancel: P,
-      downloadResult: x,
-      isCompressing: C,
-      progress: G,
-      error: R,
-      result: O,
-      canCancel: d
-    } = pe(), {
-      selectedEncoder: o,
-      encoderOptions: a,
-      availableEncoders: i,
-      selectEncoder: f,
-      updateOption: v
+  setup(r, { emit: o }) {
+    const n = r, t = o, e = y(null), s = y(null), a = y(""), p = y(""), {
+      compress: u,
+      cancel: h,
+      downloadResult: b,
+      isCompressing: O,
+      progress: q,
+      error: P,
+      result: T,
+      canCancel: f
+    } = me(), {
+      selectedEncoder: i,
+      encoderOptions: l,
+      availableEncoders: d,
+      selectEncoder: w,
+      updateOption: g
     } = fe();
-    r.defaultEncoder && f(r.defaultEncoder), r.defaultOptions && Object.entries(r.defaultOptions).forEach(([l, s]) => v(l, s));
-    const y = q(
-      () => p.value ? $(p.value.size) : ""
-    ), j = q(
-      () => O.value ? $(O.value.compressed.size) : ""
-    ), U = q(
-      () => ["mozJPEG", "webP", "jxl", "browserJPEG", "wp2"].includes(o.value)
+    n.defaultEncoder && w(n.defaultEncoder), n.defaultOptions && Object.entries(n.defaultOptions).forEach(([m, c]) => g(m, c));
+    const x = R(
+      () => s.value ? $(s.value.size) : ""
+    ), U = R(
+      () => T.value ? $(T.value.compressed.size) : ""
+    ), j = R(
+      () => ["mozJPEG", "webP", "jxl", "browserJPEG", "wp2"].includes(i.value)
     );
-    function F(l) {
-      const s = l.target;
-      s.files && s.files[0] && M(s.files[0]);
+    function F(m) {
+      const c = m.target;
+      c.files && c.files[0] && A(c.files[0]);
     }
-    function I(l) {
-      var s;
-      (s = l.dataTransfer) != null && s.files[0] && M(l.dataTransfer.files[0]);
+    function C(m) {
+      var c;
+      (c = m.dataTransfer) != null && c.files[0] && A(m.dataTransfer.files[0]);
     }
-    function M(l) {
-      l.type.startsWith("image/") && (p.value = l, c.value = URL.createObjectURL(l), h.value && (URL.revokeObjectURL(h.value), h.value = ""));
+    function A(m) {
+      m.type.startsWith("image/") && (a.value && URL.revokeObjectURL(a.value), p.value && (URL.revokeObjectURL(p.value), p.value = ""), s.value = m, a.value = URL.createObjectURL(m));
     }
-    function D() {
-      f(o.value);
+    function L() {
+      w(i.value);
     }
-    async function B() {
-      if (p.value)
+    async function M() {
+      if (s.value)
         try {
-          const l = {
-            encoder: o.value,
-            encoderOptions: { ...a.value }
-          }, s = await w(p.value, l);
-          h.value = s.compressed.blobUrl, n("success", s);
-        } catch (l) {
-          if (l instanceof DOMException && l.name === "AbortError") {
-            n("cancel");
+          const m = {
+            encoder: i.value,
+            encoderOptions: { ...l.value }
+          }, c = await u(s.value, m);
+          p.value = c.compressed.blobUrl, t("success", c);
+        } catch (m) {
+          if (m instanceof DOMException && m.name === "AbortError") {
+            t("cancel");
             return;
           }
-          n("error", l instanceof Error ? l : new Error(String(l)));
+          t("error", m instanceof Error ? m : new Error(String(m)));
         }
     }
-    return K(
-      () => p.value,
-      (l, s) => {
-        l && l !== s && c.value && URL.revokeObjectURL(c.value);
-      }
-    ), (l, s) => (_(), k("div", ve, [
-      g("div", {
+    return (m, c) => (z(), k("div", ve, [
+      E("div", {
         class: "upload-zone",
-        onDrop: N(I, ["prevent"]),
-        onDragover: s[1] || (s[1] = N(() => {
+        onDrop: J(C, ["prevent"]),
+        onDragover: c[1] || (c[1] = J(() => {
         }, ["prevent"]))
       }, [
-        g("input", {
+        E("input", {
           type: "file",
           accept: "image/*",
           onChange: F,
           ref_key: "fileInput",
-          ref: u,
+          ref: e,
           class: "file-input"
         }, null, 544),
-        g("div", {
+        E("div", {
           class: "upload-prompt",
-          onClick: s[0] || (s[0] = (E) => {
-            var A;
-            return (A = u.value) == null ? void 0 : A.click();
+          onClick: c[0] || (c[0] = (_) => {
+            var W;
+            return (W = e.value) == null ? void 0 : W.click();
           })
         }, [
-          S(l.$slots, "upload-prompt", {}, () => [
-            s[6] || (s[6] = g("p", null, "拖拽图片到此处，或点击上传", -1))
+          S(m.$slots, "upload-prompt", {}, () => [
+            c[6] || (c[6] = E("p", null, "拖拽图片到此处，或点击上传", -1))
           ], !0)
         ])
       ], 32),
-      c.value ? (_(), k("div", ge, [
-        g("div", we, [
-          s[7] || (s[7] = g("h4", null, "原始图片", -1)),
-          g("img", {
-            src: c.value,
+      a.value ? (z(), k("div", we, [
+        E("div", ge, [
+          c[7] || (c[7] = E("h4", null, "原始图片", -1)),
+          E("img", {
+            src: a.value,
             alt: "Original"
           }, null, 8, be),
-          g("p", null, T(y.value), 1)
+          E("p", null, D(x.value), 1)
         ]),
-        g("div", he, [
-          s[8] || (s[8] = g("h4", null, "压缩后", -1)),
-          h.value ? (_(), k("img", {
+        E("div", Ee, [
+          c[8] || (c[8] = E("h4", null, "压缩后", -1)),
+          p.value ? (z(), k("img", {
             key: 0,
-            src: h.value,
+            src: p.value,
             alt: "Compressed"
-          }, null, 8, ye)) : m(C) ? (_(), k("div", Ee, [
-            g("progress", {
-              value: m(G),
+          }, null, 8, he)) : v(O) ? (z(), k("div", ye, [
+            E("progress", {
+              value: v(q),
               max: "100"
-            }, null, 8, _e),
-            g("p", null, "压缩中... " + T(m(G)) + "%", 1)
-          ])) : z("", !0),
-          j.value ? (_(), k("p", ke, T(j.value), 1)) : z("", !0)
+            }, null, 8, xe),
+            E("p", null, "压缩中... " + D(v(q)) + "%", 1)
+          ])) : I("", !0),
+          U.value ? (z(), k("p", _e, D(U.value), 1)) : I("", !0)
         ])
-      ])) : z("", !0),
-      c.value ? (_(), k("div", xe, [
-        s[9] || (s[9] = g("label", null, "编码器：", -1)),
-        X(g("select", {
-          "onUpdate:modelValue": s[2] || (s[2] = (E) => Y(o) ? o.value = E : null),
-          onChange: D
+      ])) : I("", !0),
+      a.value ? (z(), k("div", ze, [
+        c[9] || (c[9] = E("label", null, "编码器：", -1)),
+        ee(E("select", {
+          "onUpdate:modelValue": c[2] || (c[2] = (_) => te(i) ? i.value = _ : null),
+          onChange: L
         }, [
-          (_(!0), k(Z, null, ee(m(i), (E) => (_(), k("option", {
-            key: E.type,
-            value: E.type
-          }, T(E.label) + " (" + T(E.extension) + ") ", 9, Oe))), 128))
+          (z(!0), k(oe, null, re(v(d), (_) => (z(), k("option", {
+            key: _.type,
+            value: _.type
+          }, D(_.label) + " (" + D(_.extension) + ") ", 9, ke))), 128))
         ], 544), [
-          [te, m(o)]
+          [ne, v(i)]
         ]),
-        U.value ? (_(), k("div", Te, [
-          g("label", null, [
-            ne(" 质量: " + T(m(a).quality ?? 75) + " ", 1),
-            g("input", {
+        j.value ? (z(), k("div", Oe, [
+          E("label", null, [
+            se(" 质量: " + D(v(l).quality ?? 75) + " ", 1),
+            E("input", {
               type: "range",
               min: "0",
               max: "100",
-              value: m(a).quality ?? 75,
-              onInput: s[3] || (s[3] = (E) => m(v)("quality", Number(E.target.value))),
-              "-------": "",
-              REPLACE: ""
-            }, null, 40, ze)
+              value: v(l).quality ?? 75,
+              onInput: c[3] || (c[3] = (_) => v(g)("quality", Number(_.target.value)))
+            }, null, 40, Pe)
           ])
-        ])) : z("", !0),
-        S(l.$slots, "encoder-settings", {
-          encoder: m(o),
-          options: m(a)
+        ])) : I("", !0),
+        S(m.$slots, "encoder-settings", {
+          encoder: v(i),
+          options: v(l)
         }, void 0, !0)
-      ])) : z("", !0),
-      c.value ? (_(), k("div", Pe, [
-        g("button", {
-          onClick: B,
-          disabled: m(C),
+      ])) : I("", !0),
+      a.value ? (z(), k("div", Te, [
+        E("button", {
+          onClick: M,
+          disabled: v(O),
           class: "btn-primary"
-        }, T(m(C) ? "压缩中..." : "开始压缩"), 9, Ie),
-        m(d) ? (_(), k("button", {
+        }, D(v(O) ? "压缩中..." : "开始压缩"), 9, De),
+        v(f) ? (z(), k("button", {
           key: 0,
-          onClick: s[4] || (s[4] = //@ts-ignore
-          (...E) => m(P) && m(P)(...E)),
+          onClick: c[4] || (c[4] = //@ts-ignore
+          (..._) => v(h) && v(h)(..._)),
           class: "btn-secondary"
-        }, " 取消 ")) : z("", !0),
-        m(O) ? (_(), k("button", {
+        }, " 取消 ")) : I("", !0),
+        v(T) ? (z(), k("button", {
           key: 1,
-          onClick: s[5] || (s[5] = //@ts-ignore
-          (...E) => m(x) && m(x)(...E)),
+          onClick: c[5] || (c[5] = //@ts-ignore
+          (..._) => v(b) && v(b)(..._)),
           class: "btn-success"
-        }, " 下载 (节省 " + T(m(O).savingsPercent) + "%) ", 1)) : z("", !0)
-      ])) : z("", !0),
-      m(R) ? (_(), k("div", Ce, T(m(R)), 1)) : z("", !0)
+        }, " 下载 (节省 " + D(v(T).savingsPercent) + "%) ", 1)) : I("", !0)
+      ])) : I("", !0),
+      v(P) ? (z(), k("div", Ie, D(v(P)), 1)) : I("", !0)
     ]));
   }
-}), Ue = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [n, u] of e)
-    r[n] = u;
-  return r;
-}, Le = /* @__PURE__ */ Ue(Re, [["__scopeId", "data-v-86f2b482"]]), je = [
+}), Ce = (r, o) => {
+  const n = r.__vccOpts || r;
+  for (const [t, e] of o)
+    n[t] = e;
+  return n;
+}, Me = /* @__PURE__ */ Ce(qe, [["__scopeId", "data-v-d7e6eec9"]]), Ae = [
   { value: "lanczos3", label: "Lanczos3" },
   { value: "catrom", label: "Catrom" },
   { value: "mitchell", label: "Mitchell" },
   { value: "triangle", label: "Triangle" },
   { value: "vector", label: "Vector" }
-], De = [
+], Be = [
   { value: "stretch", label: "拉伸" },
   { value: "contain", label: "适应" }
-], Be = [
+], Fe = [
   { value: 0, label: "不旋转" },
   { value: 90, label: "顺时针 90°" },
   { value: 180, label: "旋转 180°" },
   { value: 270, label: "逆时针 90°" }
-];
+], je = {
+  mozJPEG: "mozjpegEncode",
+  webP: "webpEncode",
+  avif: "avifEncode",
+  jxl: "jxlEncode",
+  oxiPNG: "oxipngEncode",
+  qoi: "qoiEncode",
+  wp2: "wp2Encode"
+};
+function Ge() {
+  return new Worker(
+    new URL(
+      /* @vite-ignore */
+      "/assets/imageWorker-Qv3pCULy.js",
+      import.meta.url
+    ),
+    { type: "module" }
+  );
+}
+function Re(r, o, n, t) {
+  return new Promise((e, s) => {
+    const a = Ge();
+    let p = !1;
+    function u() {
+      p || (p = !0, a.terminate());
+    }
+    a.addEventListener("message", (O) => {
+      const { result: q, error: P } = O.data;
+      u(), P ? s(new Error(P)) : e(q.buffer);
+    }), a.addEventListener("error", (O) => {
+      u(), s(O.error || O);
+    });
+    const h = () => {
+      u(), s(new DOMException("AbortError", "AbortError"));
+    };
+    t && t.addEventListener("abort", h, { once: !0 });
+    const b = je[r];
+    if (!b) {
+      u(), s(new Error(`Unknown encoder: ${r}`));
+      return;
+    }
+    a.postMessage({ id: 1, method: b, args: [o, n] });
+  });
+}
+async function Ne(r, o = {}) {
+  const { signal: n } = o;
+  if (n != null && n.aborted)
+    throw new DOMException("AbortError", "AbortError");
+  const t = o.encoder || "mozJPEG", e = {
+    ...N[t],
+    ...o.encoderOptions
+  }, s = G[t], a = await Q(r);
+  if (n != null && n.aborted)
+    throw new DOMException("AbortError", "AbortError");
+  let p;
+  if (t === "browserJPEG")
+    p = await (await B(
+      a,
+      "image/jpeg",
+      e.quality
+    )).arrayBuffer();
+  else if (t === "browserPNG")
+    p = await (await B(a, "image/png")).arrayBuffer();
+  else {
+    if (t === "browserGIF")
+      throw new Error("Browser GIF encoding not supported directly");
+    p = await Re(
+      t,
+      a,
+      e,
+      n
+    );
+  }
+  if (n != null && n.aborted)
+    throw new DOMException("AbortError", "AbortError");
+  const u = X(r.name, s.extension), h = H(
+    p,
+    u,
+    s.mimeType
+  );
+  return {
+    file: h,
+    originalSize: r.size,
+    compressedSize: h.size,
+    savingsBytes: r.size - h.size,
+    savingsPercent: K(r.size, h.size),
+    width: a.width,
+    height: a.height,
+    encoderType: t,
+    encoderOptions: e
+  };
+}
 export {
-  W as DEFAULT_ENCODER_OPTIONS,
-  re as ENCODER_LIST,
-  L as ENCODER_REGISTRY,
-  De as FIT_METHODS,
-  Le as ImageCompressor,
-  je as RESIZE_METHODS,
-  Be as ROTATE_OPTIONS,
-  ie as arrayBufferToFile,
-  oe as blobToImageData,
-  le as calculateSavings,
-  ae as canDecodeImageType,
+  N as DEFAULT_ENCODER_OPTIONS,
+  ae as ENCODER_LIST,
+  G as ENCODER_REGISTRY,
+  Be as FIT_METHODS,
+  Me as ImageCompressor,
+  Ae as RESIZE_METHODS,
+  Fe as ROTATE_OPTIONS,
+  H as arrayBufferToFile,
+  Q as blobToImageData,
+  K as calculateSavings,
+  le as canDecodeImageType,
+  Ne as compressFile,
   V as createBlobUrl,
   $ as formatBytes,
-  ce as generateCompressedFilename,
-  Ge as getImageDimensions,
-  J as imageDataToBlob,
-  ue as revokeBlobUrl,
-  se as sniffMimeType,
-  pe as useCompression,
+  X as generateCompressedFilename,
+  Le as getImageDimensions,
+  B as imageDataToBlob,
+  ce as revokeBlobUrl,
+  ie as sniffMimeType,
+  me as useCompression,
   fe as useEncoderRegistry,
-  me as useWorker
+  pe as useWorker
 };