@vunk/plus 1.13.0 → 1.14.0

package/components/pixi-frame/index.mjs

@@ -1,13 +1,462 @@
-import { inject as ie, provide as le, watchEffect as T, onBeforeUnmount as R, defineComponent as E, useId as W, ref as $, onMounted as X, renderSlot as D, watch as G, computed as j, createElementBlock as pe, openBlock as N, resolveComponent as q, createBlock as U, withCtx as ce, createVNode as de } from "vue";
-import { TickerStatus as n } from "@vunk/shared/enum";
-import { TickerStatus as Oe } from "@vunk/shared/enum";
-import { Deferred as me, sleep as K } from "@vunk/shared/promise";
-import fe from "apng-js";
-import { Application as ve, Sprite as ye, Assets as P, Texture as Y, ImageSource as te, BufferImageSource as ge } from "pixi.js";
-import { pickObject as J } from "@vunk/shared/object";
-import { useModelComputed as Q, useDeferred as he } from "@vunk/core/composables";
+import { inject as fe, provide as de, watchEffect as $, onBeforeUnmount as S, defineComponent as C, useId as ne, ref as U, onMounted as ae, renderSlot as V, watch as Q, computed as J, openBlock as H, createElementBlock as me, resolveComponent as K, createBlock as Y, withCtx as he, createVNode as ve } from "vue";
+import { TickerStatus as m } from "@vunk/shared/enum";
+import { TickerStatus as Ye } from "@vunk/shared/enum";
+import { Deferred as ge, sleep as Z } from "@vunk/shared/promise";
+import { Application as _e, Sprite as ye, Assets as R, Texture as ee, ImageSource as oe, BufferImageSource as we } from "pixi.js";
+import { pickObject as se } from "@vunk/shared/object";
+import { useModelComputed as ie, useDeferred as be } from "@vunk/core/composables";
 import { _ as xe } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const V = {
+function Fe(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var X = { exports: {} }, ke = X.exports, ue;
+function Pe() {
+  return ue || (ue = 1, (function(o, P) {
+    (function(r, p) {
+      o.exports = p();
+    })(ke, function() {
+      return (
+        /******/
+        (function(t) {
+          var r = {};
+          function p(l) {
+            if (r[l])
+              return r[l].exports;
+            var v = r[l] = {
+              /******/
+              exports: {},
+              /******/
+              id: l,
+              /******/
+              loaded: !1
+              /******/
+            };
+            return t[l].call(v.exports, v, v.exports, p), v.loaded = !0, v.exports;
+          }
+          return p.m = t, p.c = r, p.p = "", p(0);
+        })([
+          /* 0 */
+          /***/
+          (function(t, r, p) {
+            Object.defineProperty(r, "__esModule", {
+              value: !0
+            }), r.isNotPNG = a, r.isNotAPNG = u, r.default = s;
+            var l = p(1), v = w(l), _ = p(2);
+            function w(f) {
+              return f && f.__esModule ? f : { default: f };
+            }
+            var e = new Error("Not a PNG"), n = new Error("Not an animated PNG");
+            function a(f) {
+              return f === e;
+            }
+            function u(f) {
+              return f === n;
+            }
+            var i = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]);
+            function s(f) {
+              var g = new Uint8Array(f);
+              if (Array.prototype.some.call(i, function(T, D) {
+                return T !== g[D];
+              }))
+                return e;
+              var c = !1;
+              if (b(g, function(T) {
+                return !(c = T === "acTL");
+              }), !c)
+                return n;
+              var x = [], I = [], N = null, k = null, B = 0, O = new _.APNG();
+              if (b(g, function(T, D, E, M) {
+                var L = new DataView(D.buffer);
+                switch (T) {
+                  case "IHDR":
+                    N = D.subarray(E + 8, E + 8 + M), O.width = L.getUint32(E + 8), O.height = L.getUint32(E + 12);
+                    break;
+                  case "acTL":
+                    O.numPlays = L.getUint32(E + 8 + 4);
+                    break;
+                  case "fcTL":
+                    k && (O.frames.push(k), B++), k = new _.Frame(), k.width = L.getUint32(E + 8 + 4), k.height = L.getUint32(E + 8 + 8), k.left = L.getUint32(E + 8 + 12), k.top = L.getUint32(E + 8 + 16);
+                    var pe = L.getUint16(E + 8 + 20), te = L.getUint16(E + 8 + 22);
+                    te === 0 && (te = 100), k.delay = 1e3 * pe / te, k.delay <= 10 && (k.delay = 100), O.playTime += k.delay, k.disposeOp = L.getUint8(E + 8 + 24), k.blendOp = L.getUint8(E + 8 + 25), k.dataParts = [], B === 0 && k.disposeOp === 2 && (k.disposeOp = 1);
+                    break;
+                  case "fdAT":
+                    k && k.dataParts.push(D.subarray(E + 8 + 4, E + 8 + M));
+                    break;
+                  case "IDAT":
+                    k && k.dataParts.push(D.subarray(E + 8, E + 8 + M));
+                    break;
+                  case "IEND":
+                    I.push(y(D, E, 12 + M));
+                    break;
+                  default:
+                    x.push(y(D, E, 12 + M));
+                }
+              }), k && O.frames.push(k), O.frames.length == 0)
+                return n;
+              var G = new Blob(x), W = new Blob(I);
+              return O.frames.forEach(function(T) {
+                var D = [];
+                D.push(i), N.set(d(T.width), 0), N.set(d(T.height), 4), D.push(F("IHDR", N)), D.push(G), T.dataParts.forEach(function(E) {
+                  return D.push(F("IDAT", E));
+                }), D.push(W), T.imageData = new Blob(D, { type: "image/png" }), delete T.dataParts, D = null;
+              }), O;
+            }
+            function b(f, g) {
+              var c = new DataView(f.buffer), x = 8, I = void 0, N = void 0, k = void 0;
+              do
+                N = c.getUint32(x), I = h(f, x + 4, 4), k = g(I, f, x, N), x += 12 + N;
+              while (k !== !1 && I != "IEND" && x < f.length);
+            }
+            function h(f, g, c) {
+              var x = Array.prototype.slice.call(f.subarray(g, g + c));
+              return String.fromCharCode.apply(String, x);
+            }
+            function A(f) {
+              for (var g = new Uint8Array(f.length), c = 0; c < f.length; c++)
+                g[c] = f.charCodeAt(c);
+              return g;
+            }
+            function y(f, g, c) {
+              var x = new Uint8Array(c);
+              return x.set(f.subarray(g, g + c)), x;
+            }
+            var F = function(g, c) {
+              var x = g.length + c.length, I = new Uint8Array(x + 8), N = new DataView(I.buffer);
+              N.setUint32(0, c.length), I.set(A(g), 4), I.set(c, 8);
+              var k = (0, v.default)(I, 4, x);
+              return N.setUint32(x + 4, k), I;
+            }, d = function(g) {
+              return new Uint8Array([g >>> 24 & 255, g >>> 16 & 255, g >>> 8 & 255, g & 255]);
+            };
+          }),
+          /* 1 */
+          /***/
+          (function(t, r) {
+            Object.defineProperty(r, "__esModule", {
+              value: !0
+            }), r.default = function(w) {
+              for (var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : w.length - e, a = -1, u = e, i = e + n; u < i; u++)
+                a = a >>> 8 ^ p[(a ^ w[u]) & 255];
+              return a ^ -1;
+            };
+            for (var p = new Uint32Array(256), l = 0; l < 256; l++) {
+              for (var v = l, _ = 0; _ < 8; _++)
+                v = (v & 1) !== 0 ? 3988292384 ^ v >>> 1 : v >>> 1;
+              p[l] = v;
+            }
+          }),
+          /* 2 */
+          /***/
+          (function(t, r, p) {
+            Object.defineProperty(r, "__esModule", {
+              value: !0
+            }), r.Frame = r.APNG = void 0;
+            var l = /* @__PURE__ */ (function() {
+              function n(a, u) {
+                for (var i = 0; i < u.length; i++) {
+                  var s = u[i];
+                  s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(a, s.key, s);
+                }
+              }
+              return function(a, u, i) {
+                return u && n(a.prototype, u), i && n(a, i), a;
+              };
+            })(), v = p(3), _ = w(v);
+            function w(n) {
+              return n && n.__esModule ? n : { default: n };
+            }
+            function e(n, a) {
+              if (!(n instanceof a))
+                throw new TypeError("Cannot call a class as a function");
+            }
+            r.APNG = (function() {
+              function n() {
+                e(this, n), this.width = 0, this.height = 0, this.numPlays = 0, this.playTime = 0, this.frames = [];
+              }
+              return l(n, [{
+                key: "createImages",
+                /**
+                 *
+                 * @return {Promise.<*>}
+                 */
+                value: function() {
+                  return Promise.all(this.frames.map(function(u) {
+                    return u.createImage();
+                  }));
+                }
+                /**
+                 *
+                 * @param {CanvasRenderingContext2D} context
+                 * @param {boolean} autoPlay
+                 * @return {Promise.<Player>}
+                 */
+              }, {
+                key: "getPlayer",
+                value: function(u) {
+                  var i = this, s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+                  return this.createImages().then(function() {
+                    return new _.default(i, u, s);
+                  });
+                }
+              }]), n;
+            })(), r.Frame = (function() {
+              function n() {
+                e(this, n), this.left = 0, this.top = 0, this.width = 0, this.height = 0, this.delay = 0, this.disposeOp = 0, this.blendOp = 0, this.imageData = null, this.imageElement = null;
+              }
+              return l(n, [{
+                key: "createImage",
+                value: function() {
+                  var u = this;
+                  return this.imageElement ? Promise.resolve() : new Promise(function(i, s) {
+                    var b = URL.createObjectURL(u.imageData);
+                    u.imageElement = document.createElement("img"), u.imageElement.onload = function() {
+                      URL.revokeObjectURL(b), i();
+                    }, u.imageElement.onerror = function() {
+                      URL.revokeObjectURL(b), u.imageElement = null, s(new Error("Image creation error"));
+                    }, u.imageElement.src = b;
+                  });
+                }
+              }]), n;
+            })();
+          }),
+          /* 3 */
+          /***/
+          (function(t, r, p) {
+            Object.defineProperty(r, "__esModule", {
+              value: !0
+            });
+            var l = /* @__PURE__ */ (function() {
+              function i(s, b) {
+                for (var h = 0; h < b.length; h++) {
+                  var A = b[h];
+                  A.enumerable = A.enumerable || !1, A.configurable = !0, "value" in A && (A.writable = !0), Object.defineProperty(s, A.key, A);
+                }
+              }
+              return function(s, b, h) {
+                return b && i(s.prototype, b), h && i(s, h), s;
+              };
+            })(), v = p(4), _ = w(v);
+            function w(i) {
+              return i && i.__esModule ? i : { default: i };
+            }
+            function e(i, s) {
+              if (!(i instanceof s))
+                throw new TypeError("Cannot call a class as a function");
+            }
+            function n(i, s) {
+              if (!i)
+                throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+              return s && (typeof s == "object" || typeof s == "function") ? s : i;
+            }
+            function a(i, s) {
+              if (typeof s != "function" && s !== null)
+                throw new TypeError("Super expression must either be null or a function, not " + typeof s);
+              i.prototype = Object.create(s && s.prototype, { constructor: { value: i, enumerable: !1, writable: !0, configurable: !0 } }), s && (Object.setPrototypeOf ? Object.setPrototypeOf(i, s) : i.__proto__ = s);
+            }
+            var u = (function(i) {
+              a(s, i);
+              function s(b, h, A) {
+                e(this, s);
+                var y = n(this, (s.__proto__ || Object.getPrototypeOf(s)).call(this));
+                return y.playbackRate = 1, y._currentFrameNumber = 0, y._ended = !1, y._paused = !0, y._numPlays = 0, y._rafId = null, y._apng = b, y.context = h, y.stop(), A && y.play(), y;
+              }
+              return l(s, [{
+                key: "renderNextFrame",
+                value: function() {
+                  this._currentFrameNumber = (this._currentFrameNumber + 1) % this._apng.frames.length, this._currentFrameNumber === this._apng.frames.length - 1 && (this._numPlays++, this._apng.numPlays !== 0 && this._numPlays >= this._apng.numPlays && (this._ended = !0, this._paused = !0)), this._prevFrame && this._prevFrame.disposeOp == 1 ? this.context.clearRect(this._prevFrame.left, this._prevFrame.top, this._prevFrame.width, this._prevFrame.height) : this._prevFrame && this._prevFrame.disposeOp == 2 && this.context.putImageData(this._prevFrameData, this._prevFrame.left, this._prevFrame.top);
+                  var h = this.currentFrame;
+                  this._prevFrame = h, this._prevFrameData = null, h.disposeOp == 2 && (this._prevFrameData = this.context.getImageData(h.left, h.top, h.width, h.height)), h.blendOp == 0 && this.context.clearRect(h.left, h.top, h.width, h.height), this.context.drawImage(h.imageElement, h.left, h.top), this.emit("frame", this._currentFrameNumber), this._ended && this.emit("end");
+                }
+                // playback
+              }, {
+                key: "play",
+                value: function() {
+                  var h = this;
+                  this._rafId && cancelAnimationFrame(this._rafId), this.emit("play"), this._ended && this.stop(), this._paused = !1;
+                  var A = performance.now() + this.currentFrame.delay / this.playbackRate, y = function F(d) {
+                    if (!(h._ended || h._paused)) {
+                      if (d >= A) {
+                        for (; d - A >= h._apng.playTime / h.playbackRate; )
+                          A += h._apng.playTime / h.playbackRate, h._numPlays++;
+                        do
+                          h.renderNextFrame(), A += h.currentFrame.delay / h.playbackRate;
+                        while (!h._ended && !h._paused && d > A);
+                      }
+                      h._rafId = requestAnimationFrame(F);
+                    }
+                  };
+                  this._rafId = requestAnimationFrame(y);
+                }
+              }, {
+                key: "pause",
+                value: function() {
+                  this._paused || (this._rafId && (cancelAnimationFrame(this._rafId), this._rafId = null), this.emit("pause"), this._paused = !0);
+                }
+              }, {
+                key: "stop",
+                value: function() {
+                  this._rafId && (cancelAnimationFrame(this._rafId), this._rafId = null), this.emit("stop"), this._numPlays = 0, this._ended = !1, this._paused = !0, this._currentFrameNumber = -1, this.context.clearRect(0, 0, this._apng.width, this._apng.height), this.renderNextFrame();
+                }
+              }, {
+                key: "currentFrameNumber",
+                get: function() {
+                  return this._currentFrameNumber;
+                }
+                /**
+                 *
+                 * @return {Frame}
+                 */
+              }, {
+                key: "currentFrame",
+                get: function() {
+                  return this._apng.frames[this._currentFrameNumber];
+                }
+              }, {
+                key: "paused",
+                get: function() {
+                  return this._paused;
+                }
+              }, {
+                key: "ended",
+                get: function() {
+                  return this._ended;
+                }
+              }]), s;
+            })(_.default);
+            r.default = u;
+          }),
+          /* 4 */
+          /***/
+          (function(t, r) {
+            function p() {
+              this._events = this._events || {}, this._maxListeners = this._maxListeners || void 0;
+            }
+            t.exports = p, p.EventEmitter = p, p.prototype._events = void 0, p.prototype._maxListeners = void 0, p.defaultMaxListeners = 10, p.prototype.setMaxListeners = function(e) {
+              if (!v(e) || e < 0 || isNaN(e))
+                throw TypeError("n must be a positive number");
+              return this._maxListeners = e, this;
+            }, p.prototype.emit = function(e) {
+              var n, a, u, i, s, b;
+              if (this._events || (this._events = {}), e === "error" && (!this._events.error || _(this._events.error) && !this._events.error.length)) {
+                if (n = arguments[1], n instanceof Error)
+                  throw n;
+                var h = new Error('Uncaught, unspecified "error" event. (' + n + ")");
+                throw h.context = n, h;
+              }
+              if (a = this._events[e], w(a))
+                return !1;
+              if (l(a))
+                switch (arguments.length) {
+                  // fast cases
+                  case 1:
+                    a.call(this);
+                    break;
+                  case 2:
+                    a.call(this, arguments[1]);
+                    break;
+                  case 3:
+                    a.call(this, arguments[1], arguments[2]);
+                    break;
+                  // slower
+                  default:
+                    i = Array.prototype.slice.call(arguments, 1), a.apply(this, i);
+                }
+              else if (_(a))
+                for (i = Array.prototype.slice.call(arguments, 1), b = a.slice(), u = b.length, s = 0; s < u; s++)
+                  b[s].apply(this, i);
+              return !0;
+            }, p.prototype.addListener = function(e, n) {
+              var a;
+              if (!l(n))
+                throw TypeError("listener must be a function");
+              return this._events || (this._events = {}), this._events.newListener && this.emit(
+                "newListener",
+                e,
+                l(n.listener) ? n.listener : n
+              ), this._events[e] ? _(this._events[e]) ? this._events[e].push(n) : this._events[e] = [this._events[e], n] : this._events[e] = n, _(this._events[e]) && !this._events[e].warned && (w(this._maxListeners) ? a = p.defaultMaxListeners : a = this._maxListeners, a && a > 0 && this._events[e].length > a && (this._events[e].warned = !0, console.error(
+                "(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",
+                this._events[e].length
+              ), typeof console.trace == "function" && console.trace())), this;
+            }, p.prototype.on = p.prototype.addListener, p.prototype.once = function(e, n) {
+              if (!l(n))
+                throw TypeError("listener must be a function");
+              var a = !1;
+              function u() {
+                this.removeListener(e, u), a || (a = !0, n.apply(this, arguments));
+              }
+              return u.listener = n, this.on(e, u), this;
+            }, p.prototype.removeListener = function(e, n) {
+              var a, u, i, s;
+              if (!l(n))
+                throw TypeError("listener must be a function");
+              if (!this._events || !this._events[e])
+                return this;
+              if (a = this._events[e], i = a.length, u = -1, a === n || l(a.listener) && a.listener === n)
+                delete this._events[e], this._events.removeListener && this.emit("removeListener", e, n);
+              else if (_(a)) {
+                for (s = i; s-- > 0; )
+                  if (a[s] === n || a[s].listener && a[s].listener === n) {
+                    u = s;
+                    break;
+                  }
+                if (u < 0)
+                  return this;
+                a.length === 1 ? (a.length = 0, delete this._events[e]) : a.splice(u, 1), this._events.removeListener && this.emit("removeListener", e, n);
+              }
+              return this;
+            }, p.prototype.removeAllListeners = function(e) {
+              var n, a;
+              if (!this._events)
+                return this;
+              if (!this._events.removeListener)
+                return arguments.length === 0 ? this._events = {} : this._events[e] && delete this._events[e], this;
+              if (arguments.length === 0) {
+                for (n in this._events)
+                  n !== "removeListener" && this.removeAllListeners(n);
+                return this.removeAllListeners("removeListener"), this._events = {}, this;
+              }
+              if (a = this._events[e], l(a))
+                this.removeListener(e, a);
+              else if (a)
+                for (; a.length; )
+                  this.removeListener(e, a[a.length - 1]);
+              return delete this._events[e], this;
+            }, p.prototype.listeners = function(e) {
+              var n;
+              return !this._events || !this._events[e] ? n = [] : l(this._events[e]) ? n = [this._events[e]] : n = this._events[e].slice(), n;
+            }, p.prototype.listenerCount = function(e) {
+              if (this._events) {
+                var n = this._events[e];
+                if (l(n))
+                  return 1;
+                if (n)
+                  return n.length;
+              }
+              return 0;
+            }, p.listenerCount = function(e, n) {
+              return e.listenerCount(n);
+            };
+            function l(e) {
+              return typeof e == "function";
+            }
+            function v(e) {
+              return typeof e == "number";
+            }
+            function _(e) {
+              return typeof e == "object" && e !== null;
+            }
+            function w(e) {
+              return e === void 0;
+            }
+          })
+          /******/
+        ])
+      );
+    });
+  })(X)), X.exports;
+}
+var Ae = Pe();
+const Ee = /* @__PURE__ */ Fe(Ae), q = {
   url: {
     type: String,
     requierd: !1
@@ -28,7 +477,7 @@ const V = {
    */
   status: {
     type: String,
-    default: n.pending
+    default: m.pending
   },
   frameRate: {
     type: Number,
@@ -53,157 +502,157 @@ const V = {
     type: Boolean,
     default: !0
   }
-}, S = {
+}, j = {
   "update:status": null,
   "update:data": null,
   setData: null
-}, ae = /* @__PURE__ */ Symbol("appInjectKey");
-function we() {
-  const a = new ve(), m = new me(), e = {
-    whenDef: m,
-    when: () => m.promise
+}, le = /* @__PURE__ */ Symbol("appInjectKey");
+function Ie() {
+  const o = new _e(), P = new ge(), t = {
+    whenDef: P,
+    when: () => P.promise
   };
-  return le(ae, {
-    application: a,
-    context: e
-  }), { application: a, context: e };
+  return de(le, {
+    application: o,
+    context: t
+  }), { application: o, context: t };
 }
-function ne() {
-  const a = ie(ae);
-  if (!a)
+function ce() {
+  const o = fe(le);
+  if (!o)
     throw new Error("Pixi app not provided");
-  return a;
+  return o;
 }
-function B(a) {
-  const m = a.autoResize ?? !0, e = a.resize ?? f, { application: t, context: F } = ne(), l = new ye();
-  t.stage.addChild(l), T(() => {
-    l.visible = a.visible ?? !0;
-  }), T(() => {
-    a.label && (l.label = a.label);
-  }), m && F.when().then((v) => {
-    l.texture && (y(), v.renderer.on("resize", y));
+function z(o) {
+  const P = o.autoResize ?? !0, t = o.resize ?? _, { application: r, context: p } = ce(), l = new ye();
+  r.stage.addChild(l), $(() => {
+    l.visible = o.visible ?? !0;
+  }), $(() => {
+    o.label && (l.label = o.label);
+  }), P && p.when().then((w) => {
+    l.texture && (v(), w.renderer.on("resize", v));
   });
-  function y() {
-    if (!t.renderer?.screen)
+  function v() {
+    if (!r.renderer?.screen)
       return;
-    const v = l.texture._meta;
-    e({
-      application: t,
+    const w = l.texture._meta;
+    t({
+      application: r,
       sprite: l,
-      meta: v
+      meta: w
     });
   }
-  R(() => {
-    t.renderer.off("resize", y), t.stage.removeChild(l);
+  S(() => {
+    r.renderer.off("resize", v), r.stage.removeChild(l);
   });
-  function f() {
-    const v = t.screen.width / l.texture.width, r = t.screen.height / l.texture.height, w = Math.min(v, r);
-    l.scale.set(w), l.x = (t.screen.width - l.width) / 2, l.y = (t.screen.height - l.height) / 2;
+  function _() {
+    const w = r.screen.width / l.texture.width, e = r.screen.height / l.texture.height, n = Math.min(w, e);
+    l.scale.set(n), l.x = (r.screen.width - l.width) / 2, l.y = (r.screen.height - l.height) / 2;
   }
   return {
     sprite: l,
-    resizeSprite: y,
-    application: t
+    resizeSprite: v,
+    application: r
   };
 }
-const _e = /* @__PURE__ */ E({
+const Ne = /* @__PURE__ */ C({
   __name: "apng",
   props: {
-    ...V,
+    ...q,
     url: {
       type: String,
       required: !0
     }
   },
-  emits: S,
-  setup(a, { emit: m }) {
-    const e = a, t = m, F = W(), l = (o) => `${F}-apng-frame-${o}`, { sprite: y, resizeSprite: f } = B(e), v = $([]), r = $(0), w = $(!1), g = $(""), i = /* @__PURE__ */ new Map();
-    let u = null, c = null, k = null;
-    X(() => I(e.url));
-    function A(o, _) {
-      return c || (c = document.createElement("canvas"), k = c.getContext("2d", {
+  emits: j,
+  setup(o, { emit: P }) {
+    const t = o, r = P, p = ne(), l = (c) => `${p}-apng-frame-${c}`, { sprite: v, resizeSprite: _ } = z(t), w = U([]), e = U(0), n = U(!1), a = U(""), u = /* @__PURE__ */ new Map();
+    let i = null, s = null, b = null;
+    ae(() => A(t.url));
+    function h(c, x) {
+      return s || (s = document.createElement("canvas"), b = s.getContext("2d", {
         willReadFrequently: !0
-      })), (c.width !== o || c.height !== _) && (c.width = o, c.height = _), { canvas: c, ctx: k };
+      })), (s.width !== c || s.height !== x) && (s.width = c, s.height = x), { canvas: s, ctx: b };
     }
-    async function I(o) {
+    async function A(c) {
       try {
-        g.value = "", w.value = !1, await x();
-        const _ = await fetch(o);
-        if (!_.ok)
-          throw new Error(`加载APNG失败: ${_.status}`);
-        const b = await _.arrayBuffer(), C = fe(b);
-        if (C instanceof Error)
-          throw new TypeError(`APNG解析失败: ${C.message}`);
-        const { canvas: z, ctx: L } = A(C.width, C.height), re = C.frames.map(async (O, Z) => {
-          L.clearRect(0, 0, z.width, z.height), await O.createImage();
-          const se = O.imageElement;
-          L.drawImage(se, O.left, O.top);
-          const oe = L.getImageData(0, 0, z.width, z.height), M = l(Z);
-          i.set(M, void 0), L.putImageData(oe, 0, 0);
-          const ue = z.toDataURL();
-          P.add({ alias: M, src: ue });
-          const ee = await P.load(M);
-          return i.set(M, ee), Z === 0 && (y.texture = ee, f()), M;
+        a.value = "", n.value = !1, await g();
+        const x = await fetch(c);
+        if (!x.ok)
+          throw new Error(`加载APNG失败: ${x.status}`);
+        const I = await x.arrayBuffer(), N = Ee(I);
+        if (N instanceof Error)
+          throw new TypeError(`APNG解析失败: ${N.message}`);
+        const { canvas: k, ctx: B } = h(N.width, N.height), O = N.frames.map(async (G, W) => {
+          B.clearRect(0, 0, k.width, k.height), await G.createImage();
+          const T = G.imageElement;
+          B.drawImage(T, G.left, G.top);
+          const D = B.getImageData(0, 0, k.width, k.height), E = l(W);
+          u.set(E, void 0), B.putImageData(D, 0, 0);
+          const M = k.toDataURL();
+          R.add({ alias: E, src: M });
+          const L = await R.load(E);
+          return u.set(E, L), W === 0 && (v.texture = L, _()), E;
         });
-        v.value = await Promise.all(re), w.value = !0;
-      } catch (_) {
-        console.error("加载APNG失败:", _), g.value = _ instanceof Error ? _.message : "加载APNG失败", t("update:status", n.stopped);
+        w.value = await Promise.all(O), n.value = !0;
+      } catch (x) {
+        console.error("加载APNG失败:", x), a.value = x instanceof Error ? x.message : "加载APNG失败", r("update:status", m.stopped);
       }
     }
-    function h() {
-      u === null && (u = window.setInterval(() => {
-        if (v.value.length === 0 || e.status !== n.playing)
+    function y() {
+      i === null && (i = window.setInterval(() => {
+        if (w.value.length === 0 || t.status !== m.playing)
           return;
-        const o = i.get(
-          l(r.value)
+        const c = u.get(
+          l(e.value)
         );
-        if (o) {
-          const _ = r.value - 1;
-          _ >= 0 && !e.loop && Promise.resolve().then(() => K(500)).then(() => {
-            P.unload(l(_)), i.delete(l(_));
-          }), y.texture = o, f(), r.value = e.loop ? (r.value + 1) % v.value.length : r.value + 1;
+        if (c) {
+          const x = e.value - 1;
+          x >= 0 && !t.loop && Promise.resolve().then(() => Z(500)).then(() => {
+            R.unload(l(x)), u.delete(l(x));
+          }), v.texture = c, _(), e.value = t.loop ? (e.value + 1) % w.value.length : e.value + 1;
         } else
-          e.loop || t("update:status", n.paused);
-      }, 1e3 / e.frameRate));
-    }
-    function p() {
-      !w.value || v.value.length <= 1 || (t("update:status", n.playing), h());
+          t.loop || r("update:status", m.paused);
+      }, 1e3 / t.frameRate));
     }
-    function s() {
-      u !== null && (clearInterval(u), u = null), t("update:status", n.paused);
+    function F() {
+      !n.value || w.value.length <= 1 || (r("update:status", m.playing), y());
     }
     function d() {
-      u !== null && (clearInterval(u), u = null), r.value = 0;
-      const o = i.get(l(0));
-      o && (y.texture = o, f()), t("update:status", n.stopped);
-    }
-    async function x() {
-      u !== null && (clearInterval(u), u = null);
-      const o = [];
-      for (const [_, b] of i)
-        b && b !== Y.EMPTY && o.push(P.unload(_));
-      await Promise.all(o), i.clear(), v.value = [], r.value = 0, w.value = !1, g.value = "", c && (c.width = 0, c.height = 0);
-    }
-    return T(() => {
-      switch (e.status) {
-        case n.play:
-          p();
-          break;
-        case n.pause:
-          s();
+      i !== null && (clearInterval(i), i = null), r("update:status", m.paused);
+    }
+    function f() {
+      i !== null && (clearInterval(i), i = null), e.value = 0;
+      const c = u.get(l(0));
+      c && (v.texture = c, _()), r("update:status", m.stopped);
+    }
+    async function g() {
+      i !== null && (clearInterval(i), i = null);
+      const c = [];
+      for (const [x, I] of u)
+        I && I !== ee.EMPTY && c.push(R.unload(x));
+      await Promise.all(c), u.clear(), w.value = [], e.value = 0, n.value = !1, a.value = "", s && (s.width = 0, s.height = 0);
+    }
+    return $(() => {
+      switch (t.status) {
+        case m.play:
+          F();
           break;
-        case n.stop:
+        case m.pause:
           d();
           break;
+        case m.stop:
+          f();
+          break;
       }
-    }), R(async () => {
-      await x(), c = null, k = null;
-    }), (o, _) => D(o.$slots, "default");
+    }), S(async () => {
+      await g(), s = null, b = null;
+    }), (c, x) => V(c.$slots, "default");
   }
-}), Be = /* @__PURE__ */ E({
+}), Ge = /* @__PURE__ */ C({
   __name: "bitmap-generator",
   props: {
-    ...J(V, {
+    ...se(q, {
       excludes: ["loop"]
     }),
     generator: {
@@ -213,50 +662,50 @@ const _e = /* @__PURE__ */ E({
   },
   emits: {
     "update:status": null,
-    load: (a) => a
+    load: (o) => o
   },
-  setup(a, { emit: m }) {
-    const e = a, t = m, { sprite: F, resizeSprite: l, application: y } = B(e), f = new Y({
+  setup(o, { emit: P }) {
+    const t = o, r = P, { sprite: p, resizeSprite: l, application: v } = z(t), _ = new ee({
       dynamic: !0
     });
-    F.texture = f;
-    function v(u) {
-      f.source.destroy();
-      const c = new te({
-        resource: u
+    p.texture = _;
+    function w(i) {
+      _.source.destroy();
+      const s = new oe({
+        resource: i
       });
-      f.source = c, f.update(), l();
+      _.source = s, _.update(), l();
     }
-    t("load", {
-      application: y,
-      sprite: F
-    }), G(() => e.status, (u) => {
-      u === n.play && w(), u === n.pause && g(), u === n.stop && i();
+    r("load", {
+      application: v,
+      sprite: p
+    }), Q(() => t.status, (i) => {
+      i === m.play && n(), i === m.pause && a(), i === m.stop && u();
     }, { immediate: !0 });
-    function r() {
-      e.status === n.playing && e.generator.next().then(({ value: u, done: c }) => {
-        if (c)
-          return t("update:status", n.stopped);
-        v(u);
+    function e() {
+      t.status === m.playing && t.generator.next().then(({ value: i, done: s }) => {
+        if (s)
+          return r("update:status", m.stopped);
+        w(i);
       });
     }
-    function w() {
-      y.ticker.minFPS = e.frameRate, y.ticker.maxFPS = e.frameRate, t("update:status", n.playing), y.ticker.add(r);
+    function n() {
+      v.ticker.minFPS = t.frameRate, v.ticker.maxFPS = t.frameRate, r("update:status", m.playing), v.ticker.add(e);
     }
-    function g() {
-      y.ticker.remove(r), t("update:status", n.paused);
+    function a() {
+      v.ticker.remove(e), r("update:status", m.paused);
     }
-    function i() {
-      y.ticker.remove(r), t("update:status", n.stopped);
+    function u() {
+      v.ticker.remove(e), r("update:status", m.stopped);
     }
-    return R(() => {
-      i(), f.destroy();
-    }), (u, c) => D(u.$slots, "default");
+    return S(() => {
+      u(), _.destroy();
+    }), (i, s) => V(i.$slots, "default");
   }
-}), Fe = /* @__PURE__ */ E({
+}), De = /* @__PURE__ */ C({
   __name: "bitmap",
   props: {
-    ...J(V, {
+    ...se(q, {
       excludes: ["loop"]
     }),
     data: {
@@ -268,92 +717,92 @@ const _e = /* @__PURE__ */ E({
     }
   },
   emits: {
-    ...S,
-    load: (a) => a,
+    ...j,
+    load: (o) => o,
     "update:frameIndex": null,
-    notFound: (a) => !0
+    notFound: (o) => !0
   },
-  setup(a, { emit: m }) {
-    const e = a, t = m, { sprite: F, resizeSprite: l, application: y } = B(e), f = new Y({
+  setup(o, { emit: P }) {
+    const t = o, r = P, { sprite: p, resizeSprite: l, application: v } = z(t), _ = new ee({
       dynamic: !0
     });
-    F.texture = f;
-    function v(s) {
-      f.source?.resource?.close(), f.source?.destroy();
-      const d = new te({
-        resource: s
+    p.texture = _;
+    function w(d) {
+      _.source?.resource?.close(), _.source?.destroy();
+      const f = new oe({
+        resource: d
       });
-      f.source = d, f.update(), l();
+      _.source = f, _.update(), l();
     }
-    t("load", {
-      application: y,
-      sprite: F
+    r("load", {
+      application: v,
+      sprite: p
     });
-    const r = Q({
+    const e = ie({
       default: 0,
       key: "frameIndex"
-    }, e, t), w = $(-1);
-    function g(s) {
-      s <= w.value || (w.value = s, K(0).then(() => {
-        t("setData", {
-          k: s,
+    }, t, r), n = U(-1);
+    function a(d) {
+      d <= n.value || (n.value = d, Z(0).then(() => {
+        r("setData", {
+          k: d,
           v: null
         });
       }));
     }
-    let i = null, u = 0, c = 0, k = 0;
-    function A() {
-      if (i !== null)
+    let u = null, i = 0, s = 0, b = 0;
+    function h() {
+      if (u !== null)
         return;
-      u = performance.now(), k = u, c = 0;
-      function s() {
-        const x = performance.now(), o = 1e3 / e.frameRate, _ = x - u;
-        if (_ >= o) {
-          u = x - _ % o, d(), c++;
-          const b = x - k;
-          if (b >= 1e3) {
-            const C = Math.round(c * 1e3 / b);
-            console.log(`[Bitmap] FPS: ${C}`), c = 0, k = x;
+      i = performance.now(), b = i, s = 0;
+      function d() {
+        const g = performance.now(), c = 1e3 / t.frameRate, x = g - i;
+        if (x >= c) {
+          i = g - x % c, f(), s++;
+          const I = g - b;
+          if (I >= 1e3) {
+            const N = Math.round(s * 1e3 / I);
+            console.log(`[Bitmap] FPS: ${N}`), s = 0, b = g;
           }
         }
-        e.status === n.playing ? i = requestAnimationFrame(s) : i = null;
+        t.status === m.playing ? u = requestAnimationFrame(d) : u = null;
       }
-      function d() {
-        if (e.data.length === 0 || e.status !== n.playing)
+      function f() {
+        if (t.data.length === 0 || t.status !== m.playing)
           return;
-        const x = e.data[r.value];
-        if (x) {
-          const o = r.value - 1;
-          o >= 0 && g(o), v(x), r.value = r.value + 1;
+        const g = t.data[e.value];
+        if (g) {
+          const c = e.value - 1;
+          c >= 0 && a(c), w(g), e.value = e.value + 1;
         } else
           console.warn(
-            `Bitmap for index ${r.value} not found. Ensure the data is loaded.`
-          ), t("notFound", r.value);
+            `Bitmap for index ${e.value} not found. Ensure the data is loaded.`
+          ), r("notFound", e.value);
       }
-      i = requestAnimationFrame(s);
+      u = requestAnimationFrame(d);
     }
-    T(() => {
-      e.prerender && r.value === 0 && e.data.length > 0 && e.data[0] && v(e.data[0]);
-    }), G(() => e.status, (s) => {
-      s === n.play && I(), s === n.pause && h(), s === n.stop && p();
+    $(() => {
+      t.prerender && e.value === 0 && t.data.length > 0 && t.data[0] && w(t.data[0]);
+    }), Q(() => t.status, (d) => {
+      d === m.play && A(), d === m.pause && y(), d === m.stop && F();
     }, { immediate: !0 });
-    function I() {
-      e.data.length > 0 ? (t("update:status", n.playing), A()) : t("update:status", n.stopped);
+    function A() {
+      t.data.length > 0 ? (r("update:status", m.playing), h()) : r("update:status", m.stopped);
     }
-    function h() {
-      t("update:status", n.paused);
+    function y() {
+      r("update:status", m.paused);
     }
-    function p() {
-      t("update:status", n.stopped), i !== null && (cancelAnimationFrame(i), i = null), t("update:data", []), r.value = 0, w.value = -1;
+    function F() {
+      r("update:status", m.stopped), u !== null && (cancelAnimationFrame(u), u = null), r("update:data", []), e.value = 0, n.value = -1;
     }
-    return R(() => {
-      p(), f.destroy();
-    }), (s, d) => D(s.$slots, "default");
+    return S(() => {
+      F(), _.destroy();
+    }), (d, f) => V(d.$slots, "default");
   }
-}), ze = /* @__PURE__ */ E({
+}), je = /* @__PURE__ */ C({
   __name: "buffer-image",
   props: {
-    ...J(V, {
+    ...se(q, {
       excludes: ["loop"]
     }),
     data: {
@@ -381,95 +830,95 @@ const _e = /* @__PURE__ */ E({
     }
   },
   emits: {
-    ...S,
-    load: (a) => a,
+    ...j,
+    load: (o) => o,
     "update:frameIndex": null,
-    notFound: (a) => !0
+    notFound: (o) => !0
   },
-  setup(a, { emit: m }) {
-    const e = a, t = m, { sprite: F, resizeSprite: l, application: y } = B(e), f = new Y({
+  setup(o, { emit: P }) {
+    const t = o, r = P, { sprite: p, resizeSprite: l, application: v } = z(t), _ = new ee({
       dynamic: !0
     });
-    F.texture = f;
-    function v(s) {
-      f.source?.destroy();
-      const d = new ge({
-        resource: s,
-        height: e.height,
-        width: e.width,
-        format: e.format
+    p.texture = _;
+    function w(d) {
+      _.source?.destroy();
+      const f = new we({
+        resource: d,
+        height: t.height,
+        width: t.width,
+        format: t.format
       });
-      f.source = d, f.update(), l();
+      _.source = f, _.update(), l();
     }
-    t("load", {
-      application: y,
-      sprite: F
+    r("load", {
+      application: v,
+      sprite: p
     });
-    const r = Q({
+    const e = ie({
       default: 0,
       key: "frameIndex"
-    }, e, t), w = $(-1);
-    function g(s) {
-      s <= w.value || (w.value = s, K(0).then(() => {
-        t("setData", {
-          k: s,
+    }, t, r), n = U(-1);
+    function a(d) {
+      d <= n.value || (n.value = d, Z(0).then(() => {
+        r("setData", {
+          k: d,
           v: null
         });
       }));
     }
-    let i = null, u = 0, c = 0, k = 0;
-    function A() {
-      if (i !== null)
+    let u = null, i = 0, s = 0, b = 0;
+    function h() {
+      if (u !== null)
         return;
-      u = performance.now(), k = u, c = 0;
-      function s() {
-        const x = performance.now(), o = 1e3 / e.frameRate, _ = x - u;
-        if (_ >= o) {
-          u = x - _ % o, d(), c++;
-          const b = x - k;
-          if (b >= 1e3) {
-            const C = Math.round(c * 1e3 / b);
-            console.log(`[Bitmap] FPS: ${C}`), c = 0, k = x;
+      i = performance.now(), b = i, s = 0;
+      function d() {
+        const g = performance.now(), c = 1e3 / t.frameRate, x = g - i;
+        if (x >= c) {
+          i = g - x % c, f(), s++;
+          const I = g - b;
+          if (I >= 1e3) {
+            const N = Math.round(s * 1e3 / I);
+            console.log(`[Bitmap] FPS: ${N}`), s = 0, b = g;
           }
         }
-        e.status === n.playing ? i = requestAnimationFrame(s) : i = null;
+        t.status === m.playing ? u = requestAnimationFrame(d) : u = null;
       }
-      function d() {
-        if (e.data.length === 0 || e.status !== n.playing)
+      function f() {
+        if (t.data.length === 0 || t.status !== m.playing)
           return;
-        const x = e.data[r.value];
-        if (x) {
-          const o = r.value - 1;
-          o >= 0 && g(o), v(x), r.value = r.value + 1;
+        const g = t.data[e.value];
+        if (g) {
+          const c = e.value - 1;
+          c >= 0 && a(c), w(g), e.value = e.value + 1;
         } else
           console.warn(
-            `Bitmap for index ${r.value} not found. Ensure the data is loaded.`
-          ), t("notFound", r.value);
+            `Bitmap for index ${e.value} not found. Ensure the data is loaded.`
+          ), r("notFound", e.value);
       }
-      i = requestAnimationFrame(s);
+      u = requestAnimationFrame(d);
     }
-    T(() => {
-      e.prerender && r.value === 0 && e.data.length > 0 && e.data[0] && v(e.data[0]);
-    }), G(() => e.status, (s) => {
-      s === n.play && I(), s === n.pause && h(), s === n.stop && p();
+    $(() => {
+      t.prerender && e.value === 0 && t.data.length > 0 && t.data[0] && w(t.data[0]);
+    }), Q(() => t.status, (d) => {
+      d === m.play && A(), d === m.pause && y(), d === m.stop && F();
     }, { immediate: !0 });
-    function I() {
-      e.data.length > 0 ? (t("update:status", n.playing), A()) : t("update:status", n.stopped);
+    function A() {
+      t.data.length > 0 ? (r("update:status", m.playing), h()) : r("update:status", m.stopped);
     }
-    function h() {
-      t("update:status", n.paused);
+    function y() {
+      r("update:status", m.paused);
     }
-    function p() {
-      t("update:status", n.stopped), i !== null && (cancelAnimationFrame(i), i = null), t("update:data", []), r.value = 0, w.value = -1;
+    function F() {
+      r("update:status", m.stopped), u !== null && (cancelAnimationFrame(u), u = null), r("update:data", []), e.value = 0, n.value = -1;
     }
-    return R(() => {
-      p(), f.destroy();
-    }), (s, d) => D(s.$slots, "default");
+    return S(() => {
+      F(), _.destroy();
+    }), (d, f) => V(d.$slots, "default");
   }
-}), Me = /* @__PURE__ */ E({
+}), ze = /* @__PURE__ */ C({
   __name: "core",
   props: {
-    ...V,
+    ...q,
     data: {
       type: void 0,
       required: !0
@@ -479,179 +928,179 @@ const _e = /* @__PURE__ */ E({
     }
   },
   emits: {
-    ...S,
-    load: (a) => a,
+    ...j,
+    load: (o) => o,
     "update:frameIndex": null,
-    notFound: (a) => !0
+    notFound: (o) => !0
   },
-  setup(a, { emit: m }) {
-    const e = a, t = m, F = W(), l = (p) => `${F}-${p}`, { sprite: y, resizeSprite: f, application: v } = B(e), r = /* @__PURE__ */ new Map(), w = $(0), g = j(() => e.data.slice(w.value));
-    T(() => {
-      for (const p in g.value) {
-        const s = +p + w.value, d = `${F}-${s}`, x = typeof g.value[p] == "string" ? g.value[p] : g.value[p]?.src;
-        x && (r.has(d) || (P.add({
-          alias: d,
-          src: x,
+  setup(o, { emit: P }) {
+    const t = o, r = P, p = ne(), l = (F) => `${p}-${F}`, { sprite: v, resizeSprite: _, application: w } = z(t), e = /* @__PURE__ */ new Map(), n = U(0), a = J(() => t.data.slice(n.value));
+    $(() => {
+      for (const F in a.value) {
+        const d = +F + n.value, f = `${p}-${d}`, g = typeof a.value[F] == "string" ? a.value[F] : a.value[F]?.src;
+        g && (e.has(f) || (R.add({
+          alias: f,
+          src: g,
           loadParser: "loadTextures"
-        }), r.set(d, void 0), P.load(d).then((o) => {
-          o._meta = g.value[p], r.set(d, o), e.prerender && s === 0 && (y.texture = o, f());
+        }), e.set(f, void 0), R.load(f).then((c) => {
+          c._meta = a.value[F], e.set(f, c), t.prerender && d === 0 && (v.texture = c, _());
         })));
       }
-    }), t("load", {
-      application: v,
-      sprite: y
+    }), r("load", {
+      application: w,
+      sprite: v
     });
-    const i = Q({
+    const u = ie({
       default: 0,
       key: "frameIndex"
-    }, e, t);
-    let u = null, c = 0;
-    function k() {
-      if (u !== null)
+    }, t, r);
+    let i = null, s = 0;
+    function b() {
+      if (i !== null)
         return;
-      c = performance.now();
-      function p() {
-        const d = performance.now(), x = 1e3 / e.frameRate, o = d - c;
-        o >= x && (c = d - o % x, s()), e.status === n.playing ? u = requestAnimationFrame(p) : u = null;
+      s = performance.now();
+      function F() {
+        const f = performance.now(), g = 1e3 / t.frameRate, c = f - s;
+        c >= g && (s = f - c % g, d()), t.status === m.playing ? i = requestAnimationFrame(F) : i = null;
       }
-      function s() {
-        if (e.data.length === 0 || e.status !== n.playing)
+      function d() {
+        if (t.data.length === 0 || t.status !== m.playing)
           return;
-        const d = r.get(
-          l(i.value)
+        const f = e.get(
+          l(u.value)
         );
-        if (d) {
-          const x = y.texture, o = i.value - 1;
-          x && o >= 0 && !e.loop && Promise.resolve(K(500)).then(() => P.unload(
-            l(o)
+        if (f) {
+          const g = v.texture, c = u.value - 1;
+          g && c >= 0 && !t.loop && Promise.resolve(Z(500)).then(() => R.unload(
+            l(c)
           )).then(() => {
-            r.set(
-              l(o),
+            e.set(
+              l(c),
               void 0
-            ), t("setData", {
-              k: o,
+            ), r("setData", {
+              k: c,
               v: ""
-            }), w.value = o;
-          }), y.texture = d, f(), i.value = e.loop ? (i.value + 1) % e.data.length : i.value + 1;
+            }), n.value = c;
+          }), v.texture = f, _(), u.value = t.loop ? (u.value + 1) % t.data.length : u.value + 1;
         } else
           console.warn(
-            `Texture for index ${i.value} not found. Ensure the texture is loaded.`
-          ), t("notFound", i.value), e.loop || t("update:status", n.paused);
+            `Texture for index ${u.value} not found. Ensure the texture is loaded.`
+          ), r("notFound", u.value), t.loop || r("update:status", m.paused);
       }
-      u = requestAnimationFrame(p);
+      i = requestAnimationFrame(F);
     }
-    G(() => e.status, (p) => {
-      p === n.play && A(), p === n.pause && I(), p === n.stop && h();
+    Q(() => t.status, (F) => {
+      F === m.play && h(), F === m.pause && A(), F === m.stop && y();
     }, { immediate: !0 });
-    function A() {
-      e.data.length > 0 ? (t("update:status", n.playing), k()) : t("update:status", n.stopped);
+    function h() {
+      t.data.length > 0 ? (r("update:status", m.playing), b()) : r("update:status", m.stopped);
     }
-    function I() {
-      t("update:status", n.paused);
+    function A() {
+      r("update:status", m.paused);
     }
-    function h() {
-      t("update:status", n.stopped), u !== null && (cancelAnimationFrame(u), u = null), t("update:data", []), r.clear(), i.value = 0;
+    function y() {
+      r("update:status", m.stopped), i !== null && (cancelAnimationFrame(i), i = null), r("update:data", []), e.clear(), u.value = 0;
     }
-    return R(() => {
-      Array.from(r.entries()).forEach(([s, d]) => {
-        d && P.unload(s);
-      }), h();
-    }), (p, s) => D(p.$slots, "default");
+    return S(() => {
+      Array.from(e.entries()).forEach(([d, f]) => {
+        f && R.unload(d);
+      }), y();
+    }), (F, d) => V(F.$slots, "default");
   }
-}), ke = /* @__PURE__ */ E({
+}), Le = /* @__PURE__ */ C({
   __name: "provider",
-  setup(a) {
-    return we(), (m, e) => D(m.$slots, "default");
+  setup(o) {
+    return Ie(), (P, t) => V(P.$slots, "default");
   }
-}), Pe = /* @__PURE__ */ E({
+}), Re = /* @__PURE__ */ C({
   __name: "video",
   props: {
-    ...V,
+    ...q,
     url: {
       type: String,
       required: !0
     }
   },
-  emits: S,
-  setup(a, { emit: m }) {
-    const e = a, t = m, F = W(), l = () => `${F}-video`, { sprite: y, resizeSprite: f } = B(e), v = $(), r = j(() => {
-      if (v.value?.source && v.value.source.resource) {
-        const h = v.value.source.resource;
-        if (h instanceof HTMLVideoElement)
-          return h;
+  emits: j,
+  setup(o, { emit: P }) {
+    const t = o, r = P, p = ne(), l = () => `${p}-video`, { sprite: v, resizeSprite: _ } = z(t), w = U(), e = J(() => {
+      if (w.value?.source && w.value.source.resource) {
+        const y = w.value.source.resource;
+        if (y instanceof HTMLVideoElement)
+          return y;
       }
       return null;
-    }), w = he(), g = $("");
-    w.promise.then(() => {
-      e.status === n.play && k();
-    }), T(() => {
-      r.value && (r.value.loop = e.loop);
-    }), X(() => i(e.url));
-    async function i(h) {
+    }), n = be(), a = U("");
+    n.promise.then(() => {
+      t.status === m.play && b();
+    }), $(() => {
+      e.value && (e.value.loop = t.loop);
+    }), ae(() => u(t.url));
+    async function u(y) {
       try {
-        g.value = "";
-        const p = l();
-        P.cache.has(p) && await P.unload(p), P.add({ alias: p, src: h });
-        const s = await P.load(p);
-        return v.value = s, y.texture = s, r.value && (r.value.loop = e.loop, r.value.muted = !0, r.value.crossOrigin = "anonymous", u(r.value), w.resolve()), f(), s;
-      } catch (p) {
-        return console.error("加载视频纹理失败:", p), g.value = "视频加载失败", null;
+        a.value = "";
+        const F = l();
+        R.cache.has(F) && await R.unload(F), R.add({ alias: F, src: y });
+        const d = await R.load(F);
+        return w.value = d, v.texture = d, e.value && (e.value.loop = t.loop, e.value.muted = !0, e.value.crossOrigin = "anonymous", i(e.value), n.resolve()), _(), d;
+      } catch (F) {
+        return console.error("加载视频纹理失败:", F), a.value = "视频加载失败", null;
       }
     }
-    function u(h) {
-      h.addEventListener("play", () => {
-        e.status !== n.playing && t("update:status", n.playing);
-      }), h.addEventListener("pause", () => {
-        e.status !== n.paused && t("update:status", n.paused);
-      }), h.addEventListener("ended", () => {
-        e.loop ? (h.currentTime = 0, h.play()) : t("update:status", n.stopped);
-      }), h.addEventListener("error", (p) => {
-        const s = h.error;
-        let d = "视频播放失败";
-        if (s)
-          switch (s.code) {
-            case s.MEDIA_ERR_ABORTED:
-              d = "视频播放被中止";
+    function i(y) {
+      y.addEventListener("play", () => {
+        t.status !== m.playing && r("update:status", m.playing);
+      }), y.addEventListener("pause", () => {
+        t.status !== m.paused && r("update:status", m.paused);
+      }), y.addEventListener("ended", () => {
+        t.loop ? (y.currentTime = 0, y.play()) : r("update:status", m.stopped);
+      }), y.addEventListener("error", (F) => {
+        const d = y.error;
+        let f = "视频播放失败";
+        if (d)
+          switch (d.code) {
+            case d.MEDIA_ERR_ABORTED:
+              f = "视频播放被中止";
               break;
-            case s.MEDIA_ERR_NETWORK:
-              d = "网络错误导致视频播放失败";
+            case d.MEDIA_ERR_NETWORK:
+              f = "网络错误导致视频播放失败";
               break;
-            case s.MEDIA_ERR_DECODE:
-              d = "视频解码失败";
+            case d.MEDIA_ERR_DECODE:
+              f = "视频解码失败";
               break;
-            case s.MEDIA_ERR_SRC_NOT_SUPPORTED:
-              d = "不支持的视频格式";
+            case d.MEDIA_ERR_SRC_NOT_SUPPORTED:
+              f = "不支持的视频格式";
               break;
           }
-        console.error("视频播放错误:", d, p), g.value = d, t("update:status", n.stopped);
+        console.error("视频播放错误:", f, F), a.value = f, r("update:status", m.stopped);
       });
     }
-    async function c() {
-      if (v.value) {
-        const h = l();
-        v.value.destroy(!0), v.value = void 0, P.cache.has(h) && await P.unload(h);
+    async function s() {
+      if (w.value) {
+        const y = l();
+        w.value.destroy(!0), w.value = void 0, R.cache.has(y) && await R.unload(y);
       }
-      g.value = "";
+      a.value = "";
     }
-    T(() => {
-      e.status === n.play && k(), e.status === n.pause && A(), e.status === n.stop && I();
-    }), R(() => {
-      c();
+    $(() => {
+      t.status === m.play && b(), t.status === m.pause && h(), t.status === m.stop && A();
+    }), S(() => {
+      s();
     });
-    function k() {
-      r.value && r.value.play().catch((h) => {
-        console.error("视频播放失败:", h), g.value = "视频播放失败";
+    function b() {
+      e.value && e.value.play().catch((y) => {
+        console.error("视频播放失败:", y), a.value = "视频播放失败";
       });
     }
-    function A() {
-      r.value?.pause();
+    function h() {
+      e.value?.pause();
     }
-    function I() {
-      r.value && (r.value.pause(), r.value.currentTime = 0), t("update:status", n.stopped);
+    function A() {
+      e.value && (e.value.pause(), e.value.currentTime = 0), r("update:status", m.stopped);
     }
-    return (h, p) => D(h.$slots, "default");
+    return (y, F) => V(y.$slots, "default");
   }
-}), be = /* @__PURE__ */ E({
+}), Te = /* @__PURE__ */ C({
   __name: "view",
   props: {
     defaultOptions: {
@@ -659,97 +1108,97 @@ const _e = /* @__PURE__ */ E({
       default: () => ({})
     }
   },
-  setup(a) {
-    const m = a, { application: e, context: t } = ne(), F = $();
-    return X(async () => {
-      await e.init({
-        resizeTo: F.value,
-        ...m.defaultOptions
-      }), t.whenDef.resolve(e), F.value.appendChild(e.canvas);
-    }), (l, y) => (N(), pe("div", {
+  setup(o) {
+    const P = o, { application: t, context: r } = ce(), p = U();
+    return ae(async () => {
+      await t.init({
+        resizeTo: p.value,
+        ...P.defaultOptions
+      }), r.whenDef.resolve(t), p.value.appendChild(t.canvas);
+    }), (l, v) => (H(), me("div", {
       ref_key: "appRef",
-      ref: F,
+      ref: p,
       class: "vk-pixi-frame"
     }, null, 512));
   }
-}), $e = E({
+}), Oe = C({
   name: "VkPixiFrame",
   components: {
-    ApngComp: _e,
+    ApngComp: Ne,
     // CoreComp,
-    ProviderComp: ke,
-    ViewComp: be,
-    VideoComp: Pe,
-    Bitmap: Fe
+    ProviderComp: Le,
+    ViewComp: Te,
+    VideoComp: Re,
+    Bitmap: De
   },
-  props: V,
-  emits: S,
-  setup(a) {
-    const m = j(() => {
-      if (!a.url)
+  props: q,
+  emits: j,
+  setup(o) {
+    const P = J(() => {
+      if (!o.url)
         return !1;
-      const t = a.url.toLowerCase();
-      return t.includes(".png") && !t.includes(".mp4") && !t.includes(".webm");
-    }), e = j(() => {
-      if (!a.url)
+      const r = o.url.toLowerCase();
+      return r.includes(".png") && !r.includes(".mp4") && !r.includes(".webm");
+    }), t = J(() => {
+      if (!o.url)
         return !1;
-      const t = a.url.toLowerCase();
-      return t.includes(".mp4") || t.includes(".webm") || t.includes(".mov");
+      const r = o.url.toLowerCase();
+      return r.includes(".mp4") || r.includes(".webm") || r.includes(".mov");
     });
     return {
-      isApng: m,
-      isVideo: e
+      isApng: P,
+      isVideo: t
     };
   }
 });
-function Ae(a, m, e, t, F, l) {
-  const y = q("ViewComp"), f = q("ApngComp"), v = q("VideoComp"), r = q("Bitmap"), w = q("ProviderComp");
-  return N(), U(w, null, {
-    default: ce(() => [
-      de(y),
-      a.isApng && a.url ? (N(), U(f, {
+function Ue(o, P, t, r, p, l) {
+  const v = K("ViewComp"), _ = K("ApngComp"), w = K("VideoComp"), e = K("Bitmap"), n = K("ProviderComp");
+  return H(), Y(n, null, {
+    default: he(() => [
+      ve(v),
+      o.isApng && o.url ? (H(), Y(_, {
         key: 0,
-        url: a.url,
-        loop: a.loop,
-        status: a.status,
-        "onUpdate:status": m[0] || (m[0] = (g) => a.$emit("update:status", g))
-      }, null, 8, ["url", "loop", "status"])) : a.isVideo && a.url ? (N(), U(v, {
+        url: o.url,
+        loop: o.loop,
+        status: o.status,
+        "onUpdate:status": P[0] || (P[0] = (a) => o.$emit("update:status", a))
+      }, null, 8, ["url", "loop", "status"])) : o.isVideo && o.url ? (H(), Y(w, {
         key: 1,
-        url: a.url,
-        loop: a.loop,
-        status: a.status,
-        "onUpdate:status": m[1] || (m[1] = (g) => a.$emit("update:status", g))
-      }, null, 8, ["url", "loop", "status"])) : (N(), U(r, {
+        url: o.url,
+        loop: o.loop,
+        status: o.status,
+        "onUpdate:status": P[1] || (P[1] = (a) => o.$emit("update:status", a))
+      }, null, 8, ["url", "loop", "status"])) : (H(), Y(e, {
         key: 2,
-        data: a.data,
-        loop: a.loop,
-        status: a.status,
-        onSetData: m[2] || (m[2] = (g) => a.$emit("setData", g)),
-        "onUpdate:status": m[3] || (m[3] = (g) => a.$emit("update:status", g))
+        data: o.data,
+        loop: o.loop,
+        status: o.status,
+        onSetData: P[2] || (P[2] = (a) => o.$emit("setData", a)),
+        "onUpdate:status": P[3] || (P[3] = (a) => o.$emit("update:status", a))
       }, null, 8, ["data", "loop", "status"]))
     ]),
     _: 1
   });
 }
-const H = /* @__PURE__ */ xe($e, [["render", Ae]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const re = /* @__PURE__ */ xe(Oe, [["render", Ue]]), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-H.install = (a) => {
-  a.component(H.name || "VkPixiFrame", H);
+re.install = (o) => {
+  o.component(re.name || "VkPixiFrame", re);
 };
 export {
-  Oe as TickerStatus,
-  H as VkPixiFrame,
-  _e as VkPixiFrameApng,
-  Fe as VkPixiFrameBitmap,
-  Be as VkPixiFrameBitmapGenerator,
-  ze as VkPixiFrameBufferImage,
-  Me as VkPixiFrameCore,
-  ke as VkPixiFrameProvider,
-  Pe as VkPixiFrameVideo,
-  be as VkPixiFrameView,
-  qe as __VkPixiFrame,
-  H as default,
-  ne as usePixiApp,
-  B as useSprite
+  Ye as TickerStatus,
+  re as VkPixiFrame,
+  Ne as VkPixiFrameApng,
+  De as VkPixiFrameBitmap,
+  Ge as VkPixiFrameBitmapGenerator,
+  je as VkPixiFrameBufferImage,
+  ze as VkPixiFrameCore,
+  Le as VkPixiFrameProvider,
+  Re as VkPixiFrameVideo,
+  Te as VkPixiFrameView,
+  Ke as __VkPixiFrame,
+  re as default,
+  ce as usePixiApp,
+  z as useSprite
 };