@vunk/plus 1.12.2 → 1.13.0

package/components/pixi-frame/index.mjs

@@ -1,1003 +1,16 @@
-import { provide, inject, watchEffect, onBeforeUnmount, defineComponent, useId, ref, onMounted, renderSlot, watch, computed, openBlock, createElementBlock, resolveComponent, createBlock, withCtx, createVNode } from 'vue';
-import { TickerStatus } from '@vunk/shared/enum';
-export { TickerStatus } from '@vunk/shared/enum';
-import { Deferred, sleep } from '@vunk/shared/promise';
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from '../_commonjsHelpers.mjs';
-import { Application, Sprite, Assets, Texture, ImageSource, BufferImageSource } from 'pixi.js';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { pickObject } from '@vunk/shared/object';
-import { useModelComputed, useDeferred } from '@vunk/core/composables';
-
-var lib = {exports: {}};
-
-(function (module, exports) {
-	(function webpackUniversalModuleDefinition(root, factory) {
-		module.exports = factory();
-	})(commonjsGlobal, function() {
-	return /******/ (function(modules) { // webpackBootstrap
-	/******/ 	// The module cache
-	/******/ 	var installedModules = {};
-
-	/******/ 	// The require function
-	/******/ 	function __webpack_require__(moduleId) {
-
-	/******/ 		// Check if module is in cache
-	/******/ 		if(installedModules[moduleId])
-	/******/ 			return installedModules[moduleId].exports;
-
-	/******/ 		// Create a new module (and put it into the cache)
-	/******/ 		var module = installedModules[moduleId] = {
-	/******/ 			exports: {},
-	/******/ 			id: moduleId,
-	/******/ 			loaded: false
-	/******/ 		};
-
-	/******/ 		// Execute the module function
-	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-
-	/******/ 		// Flag the module as loaded
-	/******/ 		module.loaded = true;
-
-	/******/ 		// Return the exports of the module
-	/******/ 		return module.exports;
-	/******/ 	}
-
-
-	/******/ 	// expose the modules object (__webpack_modules__)
-	/******/ 	__webpack_require__.m = modules;
-
-	/******/ 	// expose the module cache
-	/******/ 	__webpack_require__.c = installedModules;
-
-	/******/ 	// __webpack_public_path__
-	/******/ 	__webpack_require__.p = "";
-
-	/******/ 	// Load entry module and return exports
-	/******/ 	return __webpack_require__(0);
-	/******/ })
-	/************************************************************************/
-	/******/ ([
-	/* 0 */
-	/***/ (function(module, exports, __webpack_require__) {
-
-		Object.defineProperty(exports, "__esModule", {
-		    value: true
-		});
-		exports.isNotPNG = isNotPNG;
-		exports.isNotAPNG = isNotAPNG;
-		exports.default = parseAPNG;
-
-		var _crc = __webpack_require__(1);
-
-		var _crc2 = _interopRequireDefault(_crc);
-
-		var _structs = __webpack_require__(2);
-
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-		var errNotPNG = new Error('Not a PNG');
-		var errNotAPNG = new Error('Not an animated PNG');
-
-		function isNotPNG(err) {
-		    return err === errNotPNG;
-		}
-		function isNotAPNG(err) {
-		    return err === errNotAPNG;
-		}
-
-		// '\x89PNG\x0d\x0a\x1a\x0a'
-		var PNGSignature = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]);
-
-		/**
-		 * Parse APNG data
-		 * @param {ArrayBuffer} buffer
-		 * @return {APNG|Error}
-		 */
-		function parseAPNG(buffer) {
-		    var bytes = new Uint8Array(buffer);
-
-		    if (Array.prototype.some.call(PNGSignature, function (b, i) {
-		        return b !== bytes[i];
-		    })) {
-		        return errNotPNG;
-		    }
-
-		    // fast animation test
-		    var isAnimated = false;
-		    eachChunk(bytes, function (type) {
-		        return !(isAnimated = type === 'acTL');
-		    });
-		    if (!isAnimated) {
-		        return errNotAPNG;
-		    }
-
-		    var preDataParts = [],
-		        postDataParts = [];
-		    var headerDataBytes = null,
-		        frame = null,
-		        frameNumber = 0,
-		        apng = new _structs.APNG();
-
-		    eachChunk(bytes, function (type, bytes, off, length) {
-		        var dv = new DataView(bytes.buffer);
-		        switch (type) {
-		            case 'IHDR':
-		                headerDataBytes = bytes.subarray(off + 8, off + 8 + length);
-		                apng.width = dv.getUint32(off + 8);
-		                apng.height = dv.getUint32(off + 12);
-		                break;
-		            case 'acTL':
-		                apng.numPlays = dv.getUint32(off + 8 + 4);
-		                break;
-		            case 'fcTL':
-		                if (frame) {
-		                    apng.frames.push(frame);
-		                    frameNumber++;
-		                }
-		                frame = new _structs.Frame();
-		                frame.width = dv.getUint32(off + 8 + 4);
-		                frame.height = dv.getUint32(off + 8 + 8);
-		                frame.left = dv.getUint32(off + 8 + 12);
-		                frame.top = dv.getUint32(off + 8 + 16);
-		                var delayN = dv.getUint16(off + 8 + 20);
-		                var delayD = dv.getUint16(off + 8 + 22);
-		                if (delayD === 0) {
-		                    delayD = 100;
-		                }
-		                frame.delay = 1000 * delayN / delayD;
-		                // https://bugzilla.mozilla.org/show_bug.cgi?id=125137
-		                // https://bugzilla.mozilla.org/show_bug.cgi?id=139677
-		                // https://bugzilla.mozilla.org/show_bug.cgi?id=207059
-		                if (frame.delay <= 10) {
-		                    frame.delay = 100;
-		                }
-		                apng.playTime += frame.delay;
-		                frame.disposeOp = dv.getUint8(off + 8 + 24);
-		                frame.blendOp = dv.getUint8(off + 8 + 25);
-		                frame.dataParts = [];
-		                if (frameNumber === 0 && frame.disposeOp === 2) {
-		                    frame.disposeOp = 1;
-		                }
-		                break;
-		            case 'fdAT':
-		                if (frame) {
-		                    frame.dataParts.push(bytes.subarray(off + 8 + 4, off + 8 + length));
-		                }
-		                break;
-		            case 'IDAT':
-		                if (frame) {
-		                    frame.dataParts.push(bytes.subarray(off + 8, off + 8 + length));
-		                }
-		                break;
-		            case 'IEND':
-		                postDataParts.push(subBuffer(bytes, off, 12 + length));
-		                break;
-		            default:
-		                preDataParts.push(subBuffer(bytes, off, 12 + length));
-		        }
-		    });
-
-		    if (frame) {
-		        apng.frames.push(frame);
-		    }
-
-		    if (apng.frames.length == 0) {
-		        return errNotAPNG;
-		    }
-
-		    var preBlob = new Blob(preDataParts),
-		        postBlob = new Blob(postDataParts);
-
-		    apng.frames.forEach(function (frame) {
-		        var bb = [];
-		        bb.push(PNGSignature);
-		        headerDataBytes.set(makeDWordArray(frame.width), 0);
-		        headerDataBytes.set(makeDWordArray(frame.height), 4);
-		        bb.push(makeChunkBytes('IHDR', headerDataBytes));
-		        bb.push(preBlob);
-		        frame.dataParts.forEach(function (p) {
-		            return bb.push(makeChunkBytes('IDAT', p));
-		        });
-		        bb.push(postBlob);
-		        frame.imageData = new Blob(bb, { 'type': 'image/png' });
-		        delete frame.dataParts;
-		        bb = null;
-		    });
-
-		    return apng;
-		}
-
-		/**
-		 * @param {Uint8Array} bytes
-		 * @param {function(string, Uint8Array, int, int): boolean} callback
-		 */
-		function eachChunk(bytes, callback) {
-		    var dv = new DataView(bytes.buffer);
-		    var off = 8,
-		        type = void 0,
-		        length = void 0,
-		        res = void 0;
-		    do {
-		        length = dv.getUint32(off);
-		        type = readString(bytes, off + 4, 4);
-		        res = callback(type, bytes, off, length);
-		        off += 12 + length;
-		    } while (res !== false && type != 'IEND' && off < bytes.length);
-		}
-
-		/**
-		 *
-		 * @param {Uint8Array} bytes
-		 * @param {number} off
-		 * @param {number} length
-		 * @return {string}
-		 */
-		function readString(bytes, off, length) {
-		    var chars = Array.prototype.slice.call(bytes.subarray(off, off + length));
-		    return String.fromCharCode.apply(String, chars);
-		}
-
-		/**
-		 *
-		 * @param {string} x
-		 * @return {Uint8Array}
-		 */
-		function makeStringArray(x) {
-		    var res = new Uint8Array(x.length);
-		    for (var i = 0; i < x.length; i++) {
-		        res[i] = x.charCodeAt(i);
-		    }
-		    return res;
-		}
-
-		/**
-		 * @param {Uint8Array} bytes
-		 * @param {int} start
-		 * @param {int} length
-		 * @return {Uint8Array}
-		 */
-		function subBuffer(bytes, start, length) {
-		    var a = new Uint8Array(length);
-		    a.set(bytes.subarray(start, start + length));
-		    return a;
-		}
-
-		/**
-		 * @param {string} type
-		 * @param {Uint8Array} dataBytes
-		 * @return {Uint8Array}
-		 */
-		var makeChunkBytes = function makeChunkBytes(type, dataBytes) {
-		    var crcLen = type.length + dataBytes.length;
-		    var bytes = new Uint8Array(crcLen + 8);
-		    var dv = new DataView(bytes.buffer);
-
-		    dv.setUint32(0, dataBytes.length);
-		    bytes.set(makeStringArray(type), 4);
-		    bytes.set(dataBytes, 8);
-		    var crc = (0, _crc2.default)(bytes, 4, crcLen);
-		    dv.setUint32(crcLen + 4, crc);
-		    return bytes;
-		};
-
-		var makeDWordArray = function makeDWordArray(x) {
-		    return new Uint8Array([x >>> 24 & 0xff, x >>> 16 & 0xff, x >>> 8 & 0xff, x & 0xff]);
-		};
-
-	/***/ }),
-	/* 1 */
-	/***/ (function(module, exports) {
-
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-
-		exports.default = function (bytes) {
-		  var start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-		  var length = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : bytes.length - start;
-
-		  var crc = -1;
-		  for (var _i = start, l = start + length; _i < l; _i++) {
-		    crc = crc >>> 8 ^ table[(crc ^ bytes[_i]) & 0xFF];
-		  }
-		  return crc ^ -1;
-		};
-
-		var table = new Uint32Array(256);
-
-		for (var i = 0; i < 256; i++) {
-		  var c = i;
-		  for (var k = 0; k < 8; k++) {
-		    c = (c & 1) !== 0 ? 0xEDB88320 ^ c >>> 1 : c >>> 1;
-		  }
-		  table[i] = c;
-		}
-
-		/**
-		 *
-		 * @param {Uint8Array} bytes
-		 * @param {number} start
-		 * @param {number} length
-		 * @return {number}
-		 */
-
-	/***/ }),
-	/* 2 */
-	/***/ (function(module, exports, __webpack_require__) {
-
-		Object.defineProperty(exports, "__esModule", {
-		    value: true
-		});
-		exports.Frame = exports.APNG = undefined;
-
-		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-		var _player = __webpack_require__(3);
-
-		var _player2 = _interopRequireDefault(_player);
-
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-		/**
-		 * @property {number} currFrameNumber
-		 * @property {Frame} currFrame
-		 * @property {boolean} paused
-		 * @property {boolean} ended
-		 */
-		exports.APNG = function () {
-		    function APNG() {
-		        _classCallCheck(this, APNG);
-
-		        this.width = 0;
-		        this.height = 0;
-		        this.numPlays = 0;
-		        this.playTime = 0;
-		        this.frames = [];
-		    }
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {Frame[]} */
-
-
-		    _createClass(APNG, [{
-		        key: 'createImages',
-
-
-		        /**
-		         *
-		         * @return {Promise.<*>}
-		         */
-		        value: function createImages() {
-		            return Promise.all(this.frames.map(function (f) {
-		                return f.createImage();
-		            }));
-		        }
-
-		        /**
-		         *
-		         * @param {CanvasRenderingContext2D} context
-		         * @param {boolean} autoPlay
-		         * @return {Promise.<Player>}
-		         */
-
-		    }, {
-		        key: 'getPlayer',
-		        value: function getPlayer(context) {
-		            var _this = this;
-
-		            var autoPlay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-		            return this.createImages().then(function () {
-		                return new _player2.default(_this, context, autoPlay);
-		            });
-		        }
-		    }]);
-
-		    return APNG;
-		}();
-
-		exports.Frame = function () {
-		    function Frame() {
-		        _classCallCheck(this, Frame);
-
-		        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;
-		    }
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {number} */
-
-		    /** @type {Blob} */
-
-		    /** @type {HTMLImageElement} */
-
-
-		    _createClass(Frame, [{
-		        key: 'createImage',
-		        value: function createImage() {
-		            var _this2 = this;
-
-		            if (this.imageElement) {
-		                return Promise.resolve();
-		            }
-		            return new Promise(function (resolve, reject) {
-		                var url = URL.createObjectURL(_this2.imageData);
-		                _this2.imageElement = document.createElement('img');
-		                _this2.imageElement.onload = function () {
-		                    URL.revokeObjectURL(url);
-		                    resolve();
-		                };
-		                _this2.imageElement.onerror = function () {
-		                    URL.revokeObjectURL(url);
-		                    _this2.imageElement = null;
-		                    reject(new Error("Image creation error"));
-		                };
-		                _this2.imageElement.src = url;
-		            });
-		        }
-		    }]);
-
-		    return Frame;
-		}();
-
-	/***/ }),
-	/* 3 */
-	/***/ (function(module, exports, __webpack_require__) {
-
-		Object.defineProperty(exports, "__esModule", {
-		    value: true
-		});
-
-		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-		var _events = __webpack_require__(4);
-
-		var _events2 = _interopRequireDefault(_events);
-
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-		var _class = function (_EventEmitter) {
-		    _inherits(_class, _EventEmitter);
-
-		    /**
-		     * @param {APNG} apng
-		     * @param {CanvasRenderingContext2D} context
-		     * @param {boolean} autoPlay
-		     */
-
-		    /** @type {number} */
-
-
-		    /** @type {boolean} */
-
-		    /** @type {ImageData} */
-
-
-		    /** @type {APNG} */
-
-		    /** @type {CanvasRenderingContext2D} */
-		    function _class(apng, context, autoPlay) {
-		        _classCallCheck(this, _class);
-
-		        var _this = _possibleConstructorReturn(this, (_class.__proto__ || Object.getPrototypeOf(_class)).call(this));
-
-		        _this.playbackRate = 1.0;
-		        _this._currentFrameNumber = 0;
-		        _this._ended = false;
-		        _this._paused = true;
-		        _this._numPlays = 0;
-		        _this._rafId = null;
-
-		        _this._apng = apng;
-		        _this.context = context;
-		        _this.stop();
-		        if (autoPlay) {
-		            _this.play();
-		        }
-		        return _this;
-		    }
-
-		    /**
-		     *
-		     * @return {number}
-		     */
-
-		    /** @type {number|null} */
-
-		    /** @type {boolean} */
-
-		    /** @type {number} */
-
-		    /** @type {Frame} */
-
-		    /** @type {number} */
-
-
-		    _createClass(_class, [{
-		        key: 'renderNextFrame',
-		        value: function renderNextFrame() {
-		            this._currentFrameNumber = (this._currentFrameNumber + 1) % this._apng.frames.length;
-		            if (this._currentFrameNumber === this._apng.frames.length - 1) {
-		                this._numPlays++;
-		                if (this._apng.numPlays !== 0 && this._numPlays >= this._apng.numPlays) {
-		                    this._ended = true;
-		                    this._paused = true;
-		                }
-		            }
-
-		            if (this._prevFrame && this._prevFrame.disposeOp == 1) {
-		                this.context.clearRect(this._prevFrame.left, this._prevFrame.top, this._prevFrame.width, this._prevFrame.height);
-		            } else if (this._prevFrame && this._prevFrame.disposeOp == 2) {
-		                this.context.putImageData(this._prevFrameData, this._prevFrame.left, this._prevFrame.top);
-		            }
-
-		            var frame = this.currentFrame;
-		            this._prevFrame = frame;
-		            this._prevFrameData = null;
-		            if (frame.disposeOp == 2) {
-		                this._prevFrameData = this.context.getImageData(frame.left, frame.top, frame.width, frame.height);
-		            }
-		            if (frame.blendOp == 0) {
-		                this.context.clearRect(frame.left, frame.top, frame.width, frame.height);
-		            }
-
-		            this.context.drawImage(frame.imageElement, frame.left, frame.top);
-
-		            this.emit('frame', this._currentFrameNumber);
-		            if (this._ended) {
-		                this.emit('end');
-		            }
-		        }
-
-		        // playback
-
-		    }, {
-		        key: 'play',
-		        value: function play() {
-		            var _this2 = this;
-
-		            if (this._rafId) {
-		                cancelAnimationFrame(this._rafId);
-		            }
-
-		            this.emit('play');
-
-		            if (this._ended) {
-		                this.stop();
-		            }
-		            this._paused = false;
-
-		            var nextRenderTime = performance.now() + this.currentFrame.delay / this.playbackRate;
-		            var tick = function tick(now) {
-		                if (_this2._ended || _this2._paused) {
-		                    return;
-		                }
-		                if (now >= nextRenderTime) {
-		                    while (now - nextRenderTime >= _this2._apng.playTime / _this2.playbackRate) {
-		                        nextRenderTime += _this2._apng.playTime / _this2.playbackRate;
-		                        _this2._numPlays++;
-		                    }
-		                    do {
-		                        _this2.renderNextFrame();
-		                        nextRenderTime += _this2.currentFrame.delay / _this2.playbackRate;
-		                    } while (!_this2._ended && !_this2._paused && now > nextRenderTime);
-		                }
-		                _this2._rafId = requestAnimationFrame(tick);
-		            };
-		            this._rafId = requestAnimationFrame(tick);
-		        }
-		    }, {
-		        key: 'pause',
-		        value: function pause() {
-		            if (!this._paused) {
-		                if (this._rafId) {
-		                    cancelAnimationFrame(this._rafId);
-		                    this._rafId = null;
-		                }
-		                this.emit('pause');
-		                this._paused = true;
-		            }
-		        }
-		    }, {
-		        key: 'stop',
-		        value: function stop() {
-		            if (this._rafId) {
-		                cancelAnimationFrame(this._rafId);
-		                this._rafId = null;
-		            }
-		            this.emit('stop');
-		            this._numPlays = 0;
-		            this._ended = false;
-		            this._paused = true;
-		            // render first frame
-		            this._currentFrameNumber = -1;
-		            this.context.clearRect(0, 0, this._apng.width, this._apng.height);
-		            this.renderNextFrame();
-		        }
-		    }, {
-		        key: 'currentFrameNumber',
-		        get: function get() {
-		            return this._currentFrameNumber;
-		        }
-
-		        /**
-		         *
-		         * @return {Frame}
-		         */
-
-		    }, {
-		        key: 'currentFrame',
-		        get: function get() {
-		            return this._apng.frames[this._currentFrameNumber];
-		        }
-		    }, {
-		        key: 'paused',
-		        get: function get() {
-		            return this._paused;
-		        }
-		    }, {
-		        key: 'ended',
-		        get: function get() {
-		            return this._ended;
-		        }
-		    }]);
-
-		    return _class;
-		}(_events2.default);
-
-		exports.default = _class;
-
-	/***/ }),
-	/* 4 */
-	/***/ (function(module, exports) {
-
-		// Copyright Joyent, Inc. and other Node contributors.
-		//
-		// Permission is hereby granted, free of charge, to any person obtaining a
-		// copy of this software and associated documentation files (the
-		// "Software"), to deal in the Software without restriction, including
-		// without limitation the rights to use, copy, modify, merge, publish,
-		// distribute, sublicense, and/or sell copies of the Software, and to permit
-		// persons to whom the Software is furnished to do so, subject to the
-		// following conditions:
-		//
-		// The above copyright notice and this permission notice shall be included
-		// in all copies or substantial portions of the Software.
-		//
-		// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-		// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-		// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-		// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-		// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-		// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-		// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-		function EventEmitter() {
-		  this._events = this._events || {};
-		  this._maxListeners = this._maxListeners || undefined;
-		}
-		module.exports = EventEmitter;
-
-		// Backwards-compat with node 0.10.x
-		EventEmitter.EventEmitter = EventEmitter;
-
-		EventEmitter.prototype._events = undefined;
-		EventEmitter.prototype._maxListeners = undefined;
-
-		// By default EventEmitters will print a warning if more than 10 listeners are
-		// added to it. This is a useful default which helps finding memory leaks.
-		EventEmitter.defaultMaxListeners = 10;
-
-		// Obviously not all Emitters should be limited to 10. This function allows
-		// that to be increased. Set to zero for unlimited.
-		EventEmitter.prototype.setMaxListeners = function(n) {
-		  if (!isNumber(n) || n < 0 || isNaN(n))
-		    throw TypeError('n must be a positive number');
-		  this._maxListeners = n;
-		  return this;
-		};
-
-		EventEmitter.prototype.emit = function(type) {
-		  var er, handler, len, args, i, listeners;
-
-		  if (!this._events)
-		    this._events = {};
-
-		  // If there is no 'error' event listener then throw.
-		  if (type === 'error') {
-		    if (!this._events.error ||
-		        (isObject(this._events.error) && !this._events.error.length)) {
-		      er = arguments[1];
-		      if (er instanceof Error) {
-		        throw er; // Unhandled 'error' event
-		      } else {
-		        // At least give some kind of context to the user
-		        var err = new Error('Uncaught, unspecified "error" event. (' + er + ')');
-		        err.context = er;
-		        throw err;
-		      }
-		    }
-		  }
-
-		  handler = this._events[type];
-
-		  if (isUndefined(handler))
-		    return false;
-
-		  if (isFunction(handler)) {
-		    switch (arguments.length) {
-		      // fast cases
-		      case 1:
-		        handler.call(this);
-		        break;
-		      case 2:
-		        handler.call(this, arguments[1]);
-		        break;
-		      case 3:
-		        handler.call(this, arguments[1], arguments[2]);
-		        break;
-		      // slower
-		      default:
-		        args = Array.prototype.slice.call(arguments, 1);
-		        handler.apply(this, args);
-		    }
-		  } else if (isObject(handler)) {
-		    args = Array.prototype.slice.call(arguments, 1);
-		    listeners = handler.slice();
-		    len = listeners.length;
-		    for (i = 0; i < len; i++)
-		      listeners[i].apply(this, args);
-		  }
-
-		  return true;
-		};
-
-		EventEmitter.prototype.addListener = function(type, listener) {
-		  var m;
-
-		  if (!isFunction(listener))
-		    throw TypeError('listener must be a function');
-
-		  if (!this._events)
-		    this._events = {};
-
-		  // To avoid recursion in the case that type === "newListener"! Before
-		  // adding it to the listeners, first emit "newListener".
-		  if (this._events.newListener)
-		    this.emit('newListener', type,
-		              isFunction(listener.listener) ?
-		              listener.listener : listener);
-
-		  if (!this._events[type])
-		    // Optimize the case of one listener. Don't need the extra array object.
-		    this._events[type] = listener;
-		  else if (isObject(this._events[type]))
-		    // If we've already got an array, just append.
-		    this._events[type].push(listener);
-		  else
-		    // Adding the second element, need to change to array.
-		    this._events[type] = [this._events[type], listener];
-
-		  // Check for listener leak
-		  if (isObject(this._events[type]) && !this._events[type].warned) {
-		    if (!isUndefined(this._maxListeners)) {
-		      m = this._maxListeners;
-		    } else {
-		      m = EventEmitter.defaultMaxListeners;
-		    }
-
-		    if (m && m > 0 && this._events[type].length > m) {
-		      this._events[type].warned = true;
-		      console.error('(node) warning: possible EventEmitter memory ' +
-		                    'leak detected. %d listeners added. ' +
-		                    'Use emitter.setMaxListeners() to increase limit.',
-		                    this._events[type].length);
-		      if (typeof console.trace === 'function') {
-		        // not supported in IE 10
-		        console.trace();
-		      }
-		    }
-		  }
-
-		  return this;
-		};
-
-		EventEmitter.prototype.on = EventEmitter.prototype.addListener;
-
-		EventEmitter.prototype.once = function(type, listener) {
-		  if (!isFunction(listener))
-		    throw TypeError('listener must be a function');
-
-		  var fired = false;
-
-		  function g() {
-		    this.removeListener(type, g);
-
-		    if (!fired) {
-		      fired = true;
-		      listener.apply(this, arguments);
-		    }
-		  }
-
-		  g.listener = listener;
-		  this.on(type, g);
-
-		  return this;
-		};
-
-		// emits a 'removeListener' event iff the listener was removed
-		EventEmitter.prototype.removeListener = function(type, listener) {
-		  var list, position, length, i;
-
-		  if (!isFunction(listener))
-		    throw TypeError('listener must be a function');
-
-		  if (!this._events || !this._events[type])
-		    return this;
-
-		  list = this._events[type];
-		  length = list.length;
-		  position = -1;
-
-		  if (list === listener ||
-		      (isFunction(list.listener) && list.listener === listener)) {
-		    delete this._events[type];
-		    if (this._events.removeListener)
-		      this.emit('removeListener', type, listener);
-
-		  } else if (isObject(list)) {
-		    for (i = length; i-- > 0;) {
-		      if (list[i] === listener ||
-		          (list[i].listener && list[i].listener === listener)) {
-		        position = i;
-		        break;
-		      }
-		    }
-
-		    if (position < 0)
-		      return this;
-
-		    if (list.length === 1) {
-		      list.length = 0;
-		      delete this._events[type];
-		    } else {
-		      list.splice(position, 1);
-		    }
-
-		    if (this._events.removeListener)
-		      this.emit('removeListener', type, listener);
-		  }
-
-		  return this;
-		};
-
-		EventEmitter.prototype.removeAllListeners = function(type) {
-		  var key, listeners;
-
-		  if (!this._events)
-		    return this;
-
-		  // not listening for removeListener, no need to emit
-		  if (!this._events.removeListener) {
-		    if (arguments.length === 0)
-		      this._events = {};
-		    else if (this._events[type])
-		      delete this._events[type];
-		    return this;
-		  }
-
-		  // emit removeListener for all listeners on all events
-		  if (arguments.length === 0) {
-		    for (key in this._events) {
-		      if (key === 'removeListener') continue;
-		      this.removeAllListeners(key);
-		    }
-		    this.removeAllListeners('removeListener');
-		    this._events = {};
-		    return this;
-		  }
-
-		  listeners = this._events[type];
-
-		  if (isFunction(listeners)) {
-		    this.removeListener(type, listeners);
-		  } else if (listeners) {
-		    // LIFO order
-		    while (listeners.length)
-		      this.removeListener(type, listeners[listeners.length - 1]);
-		  }
-		  delete this._events[type];
-
-		  return this;
-		};
-
-		EventEmitter.prototype.listeners = function(type) {
-		  var ret;
-		  if (!this._events || !this._events[type])
-		    ret = [];
-		  else if (isFunction(this._events[type]))
-		    ret = [this._events[type]];
-		  else
-		    ret = this._events[type].slice();
-		  return ret;
-		};
-
-		EventEmitter.prototype.listenerCount = function(type) {
-		  if (this._events) {
-		    var evlistener = this._events[type];
-
-		    if (isFunction(evlistener))
-		      return 1;
-		    else if (evlistener)
-		      return evlistener.length;
-		  }
-		  return 0;
-		};
-
-		EventEmitter.listenerCount = function(emitter, type) {
-		  return emitter.listenerCount(type);
-		};
-
-		function isFunction(arg) {
-		  return typeof arg === 'function';
-		}
-
-		function isNumber(arg) {
-		  return typeof arg === 'number';
-		}
-
-		function isObject(arg) {
-		  return typeof arg === 'object' && arg !== null;
-		}
-
-		function isUndefined(arg) {
-		  return arg === void 0;
-		}
-
-
-	/***/ })
-	/******/ ])
-	});
-} (lib));
-
-var libExports = lib.exports;
-var parseAPNG = /*@__PURE__*/getDefaultExportFromCjs(libExports);
-
-const props = {
+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 { _ as xe } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const V = {
   url: {
     type: String,
-    requierd: false
+    requierd: !1
   },
   data: {
     type: Array,
@@ -1008,14 +21,14 @@ const props = {
    */
   loop: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description v-model:status 控制动画状态
    */
   status: {
     type: String,
-    default: TickerStatus.pending
+    default: n.pending
   },
   frameRate: {
     type: Number,
@@ -1034,551 +47,318 @@ const props = {
    */
   prerender: {
     type: Boolean,
-    default: false
+    default: !1
   },
   visible: {
     type: Boolean,
-    default: true
+    default: !0
   }
-};
-const emits = {
+}, S = {
   "update:status": null,
   "update:data": null,
-  "setData": null
-};
-
-const appInjectKey = /* @__PURE__ */ Symbol("appInjectKey");
-function initPixiApp() {
-  const application = new Application();
-  const whenDef = new Deferred();
-  const context = {
-    whenDef,
-    when: () => whenDef.promise
+  setData: null
+}, ae = /* @__PURE__ */ Symbol("appInjectKey");
+function we() {
+  const a = new ve(), m = new me(), e = {
+    whenDef: m,
+    when: () => m.promise
   };
-  provide(appInjectKey, {
-    application,
-    context
-  });
-  return { application, context };
+  return le(ae, {
+    application: a,
+    context: e
+  }), { application: a, context: e };
 }
-function usePixiApp() {
-  const core = inject(appInjectKey);
-  if (!core) {
+function ne() {
+  const a = ie(ae);
+  if (!a)
     throw new Error("Pixi app not provided");
-  }
-  return core;
+  return a;
 }
-
-function useSprite(props) {
-  const autoResize = props.autoResize ?? true;
-  const resize = props.resize ?? defaultResize;
-  const { application: app, context } = usePixiApp();
-  const sprite = new Sprite();
-  app.stage.addChild(sprite);
-  watchEffect(() => {
-    sprite.visible = props.visible ?? true;
+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));
   });
-  watchEffect(() => {
-    props.label && (sprite.label = props.label);
-  });
-  autoResize && context.when().then((app2) => {
-    if (sprite.texture) {
-      resizeSprite();
-      app2.renderer.on("resize", resizeSprite);
-    }
-  });
-  function resizeSprite() {
-    if (!app.renderer?.screen)
+  function y() {
+    if (!t.renderer?.screen)
       return;
-    const meta = sprite.texture._meta;
-    resize({
-      application: app,
-      sprite,
-      meta
+    const v = l.texture._meta;
+    e({
+      application: t,
+      sprite: l,
+      meta: v
     });
   }
-  onBeforeUnmount(() => {
-    app.renderer.off("resize", resizeSprite);
-    app.stage.removeChild(sprite);
+  R(() => {
+    t.renderer.off("resize", y), t.stage.removeChild(l);
   });
-  function defaultResize() {
-    const scaleX = app.screen.width / sprite.texture.width;
-    const scaleY = app.screen.height / sprite.texture.height;
-    const scale = Math.min(scaleX, scaleY);
-    sprite.scale.set(scale);
-    sprite.x = (app.screen.width - sprite.width) / 2;
-    sprite.y = (app.screen.height - sprite.height) / 2;
+  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;
   }
   return {
-    sprite,
-    resizeSprite,
-    application: app
+    sprite: l,
+    resizeSprite: y,
+    application: t
   };
 }
-
-var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _e = /* @__PURE__ */ E({
   __name: "apng",
   props: {
-    ...props,
+    ...V,
     url: {
       type: String,
-      required: true
+      required: !0
     }
   },
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const compId = useId();
-    const getAlias = (frameIndex) => `${compId}-apng-frame-${frameIndex}`;
-    const { sprite, resizeSprite } = useSprite(props);
-    const frames = ref([]);
-    const index = ref(0);
-    const isLoaded = ref(false);
-    const error = ref("");
-    const textureMap = /* @__PURE__ */ new Map();
-    let timer = null;
-    let reusableCanvas = null;
-    let reusableCtx = null;
-    onMounted(() => loadAPNG(props.url));
-    function getReusableCanvas(width, height) {
-      if (!reusableCanvas) {
-        reusableCanvas = document.createElement("canvas");
-        reusableCtx = reusableCanvas.getContext("2d", {
-          willReadFrequently: true
-        });
-      }
-      if (reusableCanvas.width !== width || reusableCanvas.height !== height) {
-        reusableCanvas.width = width;
-        reusableCanvas.height = height;
-      }
-      return { canvas: reusableCanvas, ctx: reusableCtx };
-    }
-    async function loadAPNG(url) {
+  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", {
+        willReadFrequently: !0
+      })), (c.width !== o || c.height !== _) && (c.width = o, c.height = _), { canvas: c, ctx: k };
+    }
+    async function I(o) {
       try {
-        error.value = "";
-        isLoaded.value = false;
-        await cleanup();
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`\u52A0\u8F7DAPNG\u5931\u8D25: ${response.status}`);
-        }
-        const arrayBuffer = await response.arrayBuffer();
-        const apng = parseAPNG(arrayBuffer);
-        if (apng instanceof Error) {
-          throw new TypeError(`APNG\u89E3\u6790\u5931\u8D25: ${apng.message}`);
-        }
-        const { canvas, ctx } = getReusableCanvas(apng.width, apng.height);
-        const framePromises = apng.frames.map(async (frame, frameIndex) => {
-          ctx.clearRect(0, 0, canvas.width, canvas.height);
-          await frame.createImage();
-          const img = frame.imageElement;
-          ctx.drawImage(img, frame.left, frame.top);
-          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-          const alias = getAlias(frameIndex);
-          textureMap.set(alias, void 0);
-          ctx.putImageData(imageData, 0, 0);
-          const dataUrl = canvas.toDataURL();
-          Assets.add({ alias, src: dataUrl });
-          const texture = await Assets.load(alias);
-          textureMap.set(alias, texture);
-          if (frameIndex === 0) {
-            sprite.texture = texture;
-            resizeSprite();
-          }
-          return alias;
+        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;
         });
-        frames.value = await Promise.all(framePromises);
-        isLoaded.value = true;
-      } catch (err) {
-        console.error("\u52A0\u8F7DAPNG\u5931\u8D25:", err);
-        error.value = err instanceof Error ? err.message : "\u52A0\u8F7DAPNG\u5931\u8D25";
-        emit("update:status", TickerStatus.stopped);
+        v.value = await Promise.all(re), w.value = !0;
+      } catch (_) {
+        console.error("加载APNG失败:", _), g.value = _ instanceof Error ? _.message : "加载APNG失败", t("update:status", n.stopped);
       }
     }
-    function startFrameLoop() {
-      if (timer !== null)
-        return;
-      timer = window.setInterval(() => {
-        if (frames.value.length === 0 || props.status !== TickerStatus.playing) {
+    function h() {
+      u === null && (u = window.setInterval(() => {
+        if (v.value.length === 0 || e.status !== n.playing)
           return;
-        }
-        const currentTexture = textureMap.get(
-          getAlias(index.value)
+        const o = i.get(
+          l(r.value)
         );
-        if (currentTexture) {
-          const originIndex = index.value - 1;
-          if (originIndex >= 0 && !props.loop) {
-            Promise.resolve().then(() => sleep(500)).then(() => {
-              Assets.unload(getAlias(originIndex));
-              textureMap.delete(getAlias(originIndex));
-            });
-          }
-          sprite.texture = currentTexture;
-          resizeSprite();
-          index.value = props.loop ? (index.value + 1) % frames.value.length : index.value + 1;
-        } else {
-          if (!props.loop)
-            emit("update:status", TickerStatus.paused);
-        }
-      }, 1e3 / props.frameRate);
-    }
-    function play() {
-      if (!isLoaded.value || frames.value.length <= 1) {
-        return;
-      }
-      emit("update:status", TickerStatus.playing);
-      startFrameLoop();
-    }
-    function pause() {
-      if (timer !== null) {
-        clearInterval(timer);
-        timer = null;
-      }
-      emit("update:status", TickerStatus.paused);
-    }
-    function stop() {
-      if (timer !== null) {
-        clearInterval(timer);
-        timer = null;
-      }
-      index.value = 0;
-      const firstTexture = textureMap.get(getAlias(0));
-      if (firstTexture) {
-        sprite.texture = firstTexture;
-        resizeSprite();
-      }
-      emit("update:status", TickerStatus.stopped);
-    }
-    async function cleanup() {
-      if (timer !== null) {
-        clearInterval(timer);
-        timer = null;
-      }
-      const unloadPromises = [];
-      for (const [alias, texture] of textureMap) {
-        if (texture && texture !== Texture.EMPTY) {
-          unloadPromises.push(Assets.unload(alias));
-        }
-      }
-      await Promise.all(unloadPromises);
-      textureMap.clear();
-      frames.value = [];
-      index.value = 0;
-      isLoaded.value = false;
-      error.value = "";
-      if (reusableCanvas) {
-        reusableCanvas.width = 0;
-        reusableCanvas.height = 0;
-      }
-    }
-    watchEffect(() => {
-      switch (props.status) {
-        case TickerStatus.play:
-          play();
+        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;
+        } 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());
+    }
+    function s() {
+      u !== null && (clearInterval(u), u = null), t("update:status", n.paused);
+    }
+    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 TickerStatus.pause:
-          pause();
+        case n.pause:
+          s();
           break;
-        case TickerStatus.stop:
-          stop();
+        case n.stop:
+          d();
           break;
       }
-    });
-    onBeforeUnmount(async () => {
-      await cleanup();
-      reusableCanvas = null;
-      reusableCtx = null;
-    });
-    const __returned__ = { props, emit, compId, getAlias, sprite, resizeSprite, frames, index, isLoaded, error, textureMap, get timer() {
-      return timer;
-    }, set timer(v) {
-      timer = v;
-    }, get reusableCanvas() {
-      return reusableCanvas;
-    }, set reusableCanvas(v) {
-      reusableCanvas = v;
-    }, get reusableCtx() {
-      return reusableCtx;
-    }, set reusableCtx(v) {
-      reusableCtx = v;
-    }, getReusableCanvas, loadAPNG, startFrameLoop, play, pause, stop, cleanup };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    }), R(async () => {
+      await x(), c = null, k = null;
+    }), (o, _) => D(o.$slots, "default");
   }
-});
-
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var ApngComp = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/apng.vue"]]);
-
-var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}), Be = /* @__PURE__ */ E({
   __name: "bitmap-generator",
   props: {
-    ...pickObject(props, {
+    ...J(V, {
       excludes: ["loop"]
     }),
     generator: {
       type: Object,
-      required: true
+      required: !0
     }
   },
   emits: {
     "update:status": null,
-    "load": (e) => e
+    load: (a) => a
   },
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const { sprite, resizeSprite, application } = useSprite(props);
-    const texture = new Texture({
-      dynamic: true
+  setup(a, { emit: m }) {
+    const e = a, t = m, { sprite: F, resizeSprite: l, application: y } = B(e), f = new Y({
+      dynamic: !0
     });
-    sprite.texture = texture;
-    function updateTextureFromBitmap(bitmap) {
-      texture.source.destroy();
-      const source = new ImageSource({
-        resource: bitmap
+    F.texture = f;
+    function v(u) {
+      f.source.destroy();
+      const c = new te({
+        resource: u
       });
-      texture.source = source;
-      texture.update();
-      resizeSprite();
-    }
-    emit("load", {
-      application,
-      sprite
-    });
-    watch(() => props.status, (newStatus) => {
-      newStatus === TickerStatus.play && play();
-      newStatus === TickerStatus.pause && pause();
-      newStatus === TickerStatus.stop && stop();
-    }, { immediate: true });
-    function drawFrame() {
-      if (props.status !== TickerStatus.playing) {
-        return;
-      }
-      props.generator.next().then(({ value, done }) => {
-        if (done) {
-          return emit("update:status", TickerStatus.stopped);
-        }
-        updateTextureFromBitmap(value);
+      f.source = c, f.update(), l();
+    }
+    t("load", {
+      application: y,
+      sprite: F
+    }), G(() => e.status, (u) => {
+      u === n.play && w(), u === n.pause && g(), u === n.stop && i();
+    }, { 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 play() {
-      application.ticker.minFPS = props.frameRate;
-      application.ticker.maxFPS = props.frameRate;
-      emit("update:status", TickerStatus.playing);
-      application.ticker.add(drawFrame);
+    function w() {
+      y.ticker.minFPS = e.frameRate, y.ticker.maxFPS = e.frameRate, t("update:status", n.playing), y.ticker.add(r);
     }
-    function pause() {
-      application.ticker.remove(drawFrame);
-      emit("update:status", TickerStatus.paused);
+    function g() {
+      y.ticker.remove(r), t("update:status", n.paused);
     }
-    function stop() {
-      application.ticker.remove(drawFrame);
-      emit("update:status", TickerStatus.stopped);
+    function i() {
+      y.ticker.remove(r), t("update:status", n.stopped);
     }
-    onBeforeUnmount(() => {
-      stop();
-      texture.destroy();
-    });
-    const __returned__ = { props, emit, sprite, resizeSprite, application, texture, updateTextureFromBitmap, drawFrame, play, pause, stop };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    return R(() => {
+      i(), f.destroy();
+    }), (u, c) => D(u.$slots, "default");
   }
-});
-
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var bitmapGenerator = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/bitmap-generator.vue"]]);
-
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+}), Fe = /* @__PURE__ */ E({
   __name: "bitmap",
   props: {
-    ...pickObject(props, {
+    ...J(V, {
       excludes: ["loop"]
     }),
     data: {
       type: void 0,
-      required: true
+      required: !0
     },
     frameIndex: {
       type: Number
     }
   },
   emits: {
-    ...emits,
-    "load": (e) => e,
+    ...S,
+    load: (a) => a,
     "update:frameIndex": null,
-    "notFound": (_index) => true
+    notFound: (a) => !0
   },
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const { sprite, resizeSprite, application } = useSprite(props);
-    const texture = new Texture({
-      dynamic: true
+  setup(a, { emit: m }) {
+    const e = a, t = m, { sprite: F, resizeSprite: l, application: y } = B(e), f = new Y({
+      dynamic: !0
     });
-    sprite.texture = texture;
-    function updateTextureFromBitmap(bitmap) {
-      texture.source?.resource?.close();
-      texture.source?.destroy();
-      const source = new ImageSource({
-        resource: bitmap
+    F.texture = f;
+    function v(s) {
+      f.source?.resource?.close(), f.source?.destroy();
+      const d = new te({
+        resource: s
       });
-      texture.source = source;
-      texture.update();
-      resizeSprite();
+      f.source = d, f.update(), l();
     }
-    emit("load", {
-      application,
-      sprite
+    t("load", {
+      application: y,
+      sprite: F
     });
-    const index = useModelComputed({
+    const r = Q({
       default: 0,
       key: "frameIndex"
-    }, props, emit);
-    const lastScheduledClearIndex = ref(-1);
-    function scheduleClearFrame(frameIndex) {
-      if (frameIndex <= lastScheduledClearIndex.value)
-        return;
-      lastScheduledClearIndex.value = frameIndex;
-      sleep(0).then(() => {
-        emit("setData", {
-          k: frameIndex,
+    }, e, t), w = $(-1);
+    function g(s) {
+      s <= w.value || (w.value = s, K(0).then(() => {
+        t("setData", {
+          k: s,
           v: null
         });
-      });
+      }));
     }
-    let animationId = null;
-    let lastFrameTime = 0;
-    let frameCount = 0;
-    let lastFpsUpdateTime = 0;
-    function startFrameLoop() {
-      if (animationId !== null)
+    let i = null, u = 0, c = 0, k = 0;
+    function A() {
+      if (i !== null)
         return;
-      lastFrameTime = performance.now();
-      lastFpsUpdateTime = lastFrameTime;
-      frameCount = 0;
-      function renderFrame() {
-        const now = performance.now();
-        const frameDuration = 1e3 / props.frameRate;
-        const delta = now - lastFrameTime;
-        if (delta >= frameDuration) {
-          lastFrameTime = now - delta % frameDuration;
-          drawFrame();
-          frameCount++;
-          const elapsed = now - lastFpsUpdateTime;
-          if (elapsed >= 1e3) {
-            const currentFps = Math.round(frameCount * 1e3 / elapsed);
-            console.log(`[Bitmap] FPS: ${currentFps}`);
-            frameCount = 0;
-            lastFpsUpdateTime = now;
+      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;
           }
         }
-        if (props.status === TickerStatus.playing) {
-          animationId = requestAnimationFrame(renderFrame);
-        } else {
-          animationId = null;
-        }
+        e.status === n.playing ? i = requestAnimationFrame(s) : i = null;
       }
-      function drawFrame() {
-        if (props.data.length === 0 || props.status !== TickerStatus.playing) {
+      function d() {
+        if (e.data.length === 0 || e.status !== n.playing)
           return;
-        }
-        const bitmap = props.data[index.value];
-        if (bitmap) {
-          const originIndex = index.value - 1;
-          if (originIndex >= 0) {
-            scheduleClearFrame(originIndex);
-          }
-          updateTextureFromBitmap(bitmap);
-          index.value = index.value + 1;
-        } else {
+        const x = e.data[r.value];
+        if (x) {
+          const o = r.value - 1;
+          o >= 0 && g(o), v(x), r.value = r.value + 1;
+        } else
           console.warn(
-            `Bitmap for index ${index.value} not found. Ensure the data is loaded.`
-          );
-          emit("notFound", index.value);
-        }
+            `Bitmap for index ${r.value} not found. Ensure the data is loaded.`
+          ), t("notFound", r.value);
       }
-      animationId = requestAnimationFrame(renderFrame);
+      i = requestAnimationFrame(s);
     }
-    watchEffect(() => {
-      if (props.prerender && index.value === 0 && props.data.length > 0 && props.data[0]) {
-        updateTextureFromBitmap(props.data[0]);
-      }
-    });
-    watch(() => props.status, (newStatus) => {
-      newStatus === TickerStatus.play && play();
-      newStatus === TickerStatus.pause && pause();
-      newStatus === TickerStatus.stop && stop();
-    }, { immediate: true });
-    function play() {
-      if (props.data.length > 0) {
-        emit("update:status", TickerStatus.playing);
-        startFrameLoop();
-      } else {
-        emit("update:status", TickerStatus.stopped);
-      }
+    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();
+    }, { immediate: !0 });
+    function I() {
+      e.data.length > 0 ? (t("update:status", n.playing), A()) : t("update:status", n.stopped);
     }
-    function pause() {
-      emit("update:status", TickerStatus.paused);
+    function h() {
+      t("update:status", n.paused);
     }
-    function stop() {
-      emit("update:status", TickerStatus.stopped);
-      if (animationId !== null) {
-        cancelAnimationFrame(animationId);
-        animationId = null;
-      }
-      emit("update:data", []);
-      index.value = 0;
-      lastScheduledClearIndex.value = -1;
+    function p() {
+      t("update:status", n.stopped), i !== null && (cancelAnimationFrame(i), i = null), t("update:data", []), r.value = 0, w.value = -1;
     }
-    onBeforeUnmount(() => {
-      stop();
-      texture.destroy();
-    });
-    const __returned__ = { props, emit, sprite, resizeSprite, application, texture, updateTextureFromBitmap, index, lastScheduledClearIndex, scheduleClearFrame, get animationId() {
-      return animationId;
-    }, set animationId(v) {
-      animationId = v;
-    }, get lastFrameTime() {
-      return lastFrameTime;
-    }, set lastFrameTime(v) {
-      lastFrameTime = v;
-    }, get frameCount() {
-      return frameCount;
-    }, set frameCount(v) {
-      frameCount = v;
-    }, get lastFpsUpdateTime() {
-      return lastFpsUpdateTime;
-    }, set lastFpsUpdateTime(v) {
-      lastFpsUpdateTime = v;
-    }, startFrameLoop, play, pause, stop };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    return R(() => {
+      p(), f.destroy();
+    }), (s, d) => D(s.$slots, "default");
   }
-});
-
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var Bitmap = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/bitmap.vue"]]);
-
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+}), ze = /* @__PURE__ */ E({
   __name: "buffer-image",
   props: {
-    ...pickObject(props, {
+    ...J(V, {
       excludes: ["loop"]
     }),
     data: {
       type: Array,
-      required: true
+      required: !0
     },
     /**
      * Pixel format for BufferImageSource.
@@ -1593,525 +373,285 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
     },
     height: {
       type: Number,
-      required: true
+      required: !0
     },
     width: {
       type: Number,
-      required: true
+      required: !0
     }
   },
   emits: {
-    ...emits,
-    "load": (e) => e,
+    ...S,
+    load: (a) => a,
     "update:frameIndex": null,
-    "notFound": (_index) => true
+    notFound: (a) => !0
   },
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const { sprite, resizeSprite, application } = useSprite(props);
-    const texture = new Texture({
-      dynamic: true
+  setup(a, { emit: m }) {
+    const e = a, t = m, { sprite: F, resizeSprite: l, application: y } = B(e), f = new Y({
+      dynamic: !0
     });
-    sprite.texture = texture;
-    function updateTexture(resource) {
-      texture.source?.destroy();
-      const source = new BufferImageSource({
-        resource,
-        height: props.height,
-        width: props.width,
-        format: props.format
+    F.texture = f;
+    function v(s) {
+      f.source?.destroy();
+      const d = new ge({
+        resource: s,
+        height: e.height,
+        width: e.width,
+        format: e.format
       });
-      texture.source = source;
-      texture.update();
-      resizeSprite();
+      f.source = d, f.update(), l();
     }
-    emit("load", {
-      application,
-      sprite
+    t("load", {
+      application: y,
+      sprite: F
     });
-    const index = useModelComputed({
+    const r = Q({
       default: 0,
       key: "frameIndex"
-    }, props, emit);
-    const lastScheduledClearIndex = ref(-1);
-    function scheduleClearFrame(frameIndex) {
-      if (frameIndex <= lastScheduledClearIndex.value)
-        return;
-      lastScheduledClearIndex.value = frameIndex;
-      sleep(0).then(() => {
-        emit("setData", {
-          k: frameIndex,
+    }, e, t), w = $(-1);
+    function g(s) {
+      s <= w.value || (w.value = s, K(0).then(() => {
+        t("setData", {
+          k: s,
           v: null
         });
-      });
+      }));
     }
-    let animationId = null;
-    let lastFrameTime = 0;
-    let frameCount = 0;
-    let lastFpsUpdateTime = 0;
-    function startFrameLoop() {
-      if (animationId !== null)
+    let i = null, u = 0, c = 0, k = 0;
+    function A() {
+      if (i !== null)
         return;
-      lastFrameTime = performance.now();
-      lastFpsUpdateTime = lastFrameTime;
-      frameCount = 0;
-      function renderFrame() {
-        const now = performance.now();
-        const frameDuration = 1e3 / props.frameRate;
-        const delta = now - lastFrameTime;
-        if (delta >= frameDuration) {
-          lastFrameTime = now - delta % frameDuration;
-          drawFrame();
-          frameCount++;
-          const elapsed = now - lastFpsUpdateTime;
-          if (elapsed >= 1e3) {
-            const currentFps = Math.round(frameCount * 1e3 / elapsed);
-            console.log(`[Bitmap] FPS: ${currentFps}`);
-            frameCount = 0;
-            lastFpsUpdateTime = now;
+      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;
           }
         }
-        if (props.status === TickerStatus.playing) {
-          animationId = requestAnimationFrame(renderFrame);
-        } else {
-          animationId = null;
-        }
+        e.status === n.playing ? i = requestAnimationFrame(s) : i = null;
       }
-      function drawFrame() {
-        if (props.data.length === 0 || props.status !== TickerStatus.playing) {
+      function d() {
+        if (e.data.length === 0 || e.status !== n.playing)
           return;
-        }
-        const bitmap = props.data[index.value];
-        if (bitmap) {
-          const originIndex = index.value - 1;
-          if (originIndex >= 0) {
-            scheduleClearFrame(originIndex);
-          }
-          updateTexture(bitmap);
-          index.value = index.value + 1;
-        } else {
+        const x = e.data[r.value];
+        if (x) {
+          const o = r.value - 1;
+          o >= 0 && g(o), v(x), r.value = r.value + 1;
+        } else
           console.warn(
-            `Bitmap for index ${index.value} not found. Ensure the data is loaded.`
-          );
-          emit("notFound", index.value);
-        }
+            `Bitmap for index ${r.value} not found. Ensure the data is loaded.`
+          ), t("notFound", r.value);
       }
-      animationId = requestAnimationFrame(renderFrame);
+      i = requestAnimationFrame(s);
     }
-    watchEffect(() => {
-      if (props.prerender && index.value === 0 && props.data.length > 0 && props.data[0]) {
-        updateTexture(props.data[0]);
-      }
-    });
-    watch(() => props.status, (newStatus) => {
-      newStatus === TickerStatus.play && play();
-      newStatus === TickerStatus.pause && pause();
-      newStatus === TickerStatus.stop && stop();
-    }, { immediate: true });
-    function play() {
-      if (props.data.length > 0) {
-        emit("update:status", TickerStatus.playing);
-        startFrameLoop();
-      } else {
-        emit("update:status", TickerStatus.stopped);
-      }
+    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();
+    }, { immediate: !0 });
+    function I() {
+      e.data.length > 0 ? (t("update:status", n.playing), A()) : t("update:status", n.stopped);
     }
-    function pause() {
-      emit("update:status", TickerStatus.paused);
+    function h() {
+      t("update:status", n.paused);
     }
-    function stop() {
-      emit("update:status", TickerStatus.stopped);
-      if (animationId !== null) {
-        cancelAnimationFrame(animationId);
-        animationId = null;
-      }
-      emit("update:data", []);
-      index.value = 0;
-      lastScheduledClearIndex.value = -1;
+    function p() {
+      t("update:status", n.stopped), i !== null && (cancelAnimationFrame(i), i = null), t("update:data", []), r.value = 0, w.value = -1;
     }
-    onBeforeUnmount(() => {
-      stop();
-      texture.destroy();
-    });
-    const __returned__ = { props, emit, sprite, resizeSprite, application, texture, updateTexture, index, lastScheduledClearIndex, scheduleClearFrame, get animationId() {
-      return animationId;
-    }, set animationId(v) {
-      animationId = v;
-    }, get lastFrameTime() {
-      return lastFrameTime;
-    }, set lastFrameTime(v) {
-      lastFrameTime = v;
-    }, get frameCount() {
-      return frameCount;
-    }, set frameCount(v) {
-      frameCount = v;
-    }, get lastFpsUpdateTime() {
-      return lastFpsUpdateTime;
-    }, set lastFpsUpdateTime(v) {
-      lastFpsUpdateTime = v;
-    }, startFrameLoop, play, pause, stop };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    return R(() => {
+      p(), f.destroy();
+    }), (s, d) => D(s.$slots, "default");
   }
-});
-
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var bufferImage = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/buffer-image.vue"]]);
-
-var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+}), Me = /* @__PURE__ */ E({
   __name: "core",
   props: {
-    ...props,
+    ...V,
     data: {
       type: void 0,
-      required: true
+      required: !0
     },
     frameIndex: {
       type: Number
     }
   },
   emits: {
-    ...emits,
-    "load": (e) => e,
+    ...S,
+    load: (a) => a,
     "update:frameIndex": null,
-    "notFound": (_index) => true
+    notFound: (a) => !0
   },
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const compId = useId();
-    const getAlias = (key) => `${compId}-${key}`;
-    const { sprite, resizeSprite, application } = useSprite(props);
-    const textureMap = /* @__PURE__ */ new Map();
-    const completedIndex = ref(0);
-    const enabledData = computed(() => {
-      return props.data.slice(completedIndex.value);
-    });
-    watchEffect(() => {
-      for (const key in enabledData.value) {
-        const theKey = +key + completedIndex.value;
-        const alias = `${compId}-${theKey}`;
-        const src = typeof enabledData.value[key] === "string" ? enabledData.value[key] : enabledData.value[key]?.src;
-        if (!src) {
-          continue;
-        }
-        if (textureMap.has(alias)) {
-          continue;
-        }
-        Assets.add({
-          alias,
-          src,
+  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,
           loadParser: "loadTextures"
-        });
-        textureMap.set(alias, void 0);
-        Assets.load(alias).then((res) => {
-          res._meta = enabledData.value[key];
-          textureMap.set(alias, res);
-          if (props.prerender && theKey === 0) {
-            sprite.texture = res;
-            resizeSprite();
-          }
-        });
+        }), 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());
+        })));
       }
+    }), t("load", {
+      application: v,
+      sprite: y
     });
-    emit("load", {
-      application,
-      sprite
-    });
-    const index = useModelComputed({
+    const i = Q({
       default: 0,
       key: "frameIndex"
-    }, props, emit);
-    let animationId = null;
-    let lastFrameTime = 0;
-    function startFrameLoop() {
-      if (animationId !== null)
+    }, e, t);
+    let u = null, c = 0;
+    function k() {
+      if (u !== null)
         return;
-      lastFrameTime = performance.now();
-      function renderFrame() {
-        const now = performance.now();
-        const frameDuration = 1e3 / props.frameRate;
-        const delta = now - lastFrameTime;
-        if (delta >= frameDuration) {
-          lastFrameTime = now - delta % frameDuration;
-          drawFrame();
-        }
-        if (props.status === TickerStatus.playing) {
-          animationId = requestAnimationFrame(renderFrame);
-        } else {
-          animationId = null;
-        }
+      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;
       }
-      function drawFrame() {
-        if (props.data.length === 0 || props.status !== TickerStatus.playing) {
+      function s() {
+        if (e.data.length === 0 || e.status !== n.playing)
           return;
-        }
-        const currentTexture = textureMap.get(
-          getAlias(index.value)
+        const d = r.get(
+          l(i.value)
         );
-        if (currentTexture) {
-          const originTexture = sprite.texture;
-          const originIndex = index.value - 1;
-          if (originTexture && originIndex >= 0 && !props.loop) {
-            Promise.resolve(sleep(500)).then(() => Assets.unload(
-              getAlias(originIndex)
-            )).then(() => {
-              textureMap.set(
-                getAlias(originIndex),
-                void 0
-              );
-              emit("setData", {
-                k: originIndex,
-                v: ""
-              });
-              completedIndex.value = originIndex;
-            });
-          }
-          sprite.texture = currentTexture;
-          resizeSprite();
-          index.value = props.loop ? (index.value + 1) % props.data.length : index.value + 1;
-        } else {
+        if (d) {
+          const x = y.texture, o = i.value - 1;
+          x && o >= 0 && !e.loop && Promise.resolve(K(500)).then(() => P.unload(
+            l(o)
+          )).then(() => {
+            r.set(
+              l(o),
+              void 0
+            ), t("setData", {
+              k: o,
+              v: ""
+            }), w.value = o;
+          }), y.texture = d, f(), i.value = e.loop ? (i.value + 1) % e.data.length : i.value + 1;
+        } else
           console.warn(
-            `Texture for index ${index.value} not found. Ensure the texture is loaded.`
-          );
-          emit("notFound", index.value);
-          if (!props.loop)
-            emit("update:status", TickerStatus.paused);
-        }
+            `Texture for index ${i.value} not found. Ensure the texture is loaded.`
+          ), t("notFound", i.value), e.loop || t("update:status", n.paused);
       }
-      animationId = requestAnimationFrame(renderFrame);
+      u = requestAnimationFrame(p);
     }
-    watch(() => props.status, (newStatus) => {
-      newStatus === TickerStatus.play && play();
-      newStatus === TickerStatus.pause && pause();
-      newStatus === TickerStatus.stop && stop();
-    }, { immediate: true });
-    function play() {
-      if (props.data.length > 0) {
-        emit("update:status", TickerStatus.playing);
-        startFrameLoop();
-      } else {
-        emit("update:status", TickerStatus.stopped);
-      }
+    G(() => e.status, (p) => {
+      p === n.play && A(), p === n.pause && I(), p === n.stop && h();
+    }, { immediate: !0 });
+    function A() {
+      e.data.length > 0 ? (t("update:status", n.playing), k()) : t("update:status", n.stopped);
     }
-    function pause() {
-      emit("update:status", TickerStatus.paused);
+    function I() {
+      t("update:status", n.paused);
     }
-    function stop() {
-      emit("update:status", TickerStatus.stopped);
-      if (animationId !== null) {
-        cancelAnimationFrame(animationId);
-        animationId = null;
-      }
-      emit("update:data", []);
-      textureMap.clear();
-      index.value = 0;
+    function h() {
+      t("update:status", n.stopped), u !== null && (cancelAnimationFrame(u), u = null), t("update:data", []), r.clear(), i.value = 0;
     }
-    onBeforeUnmount(() => {
-      const entries = Array.from(textureMap.entries());
-      entries.forEach(([alias, texture]) => {
-        if (texture) {
-          Assets.unload(alias);
-        }
-      });
-      stop();
-    });
-    const __returned__ = { props, emit, compId, getAlias, sprite, resizeSprite, application, textureMap, completedIndex, enabledData, index, get animationId() {
-      return animationId;
-    }, set animationId(v) {
-      animationId = v;
-    }, get lastFrameTime() {
-      return lastFrameTime;
-    }, set lastFrameTime(v) {
-      lastFrameTime = v;
-    }, startFrameLoop, play, pause, stop };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    return R(() => {
+      Array.from(r.entries()).forEach(([s, d]) => {
+        d && P.unload(s);
+      }), h();
+    }), (p, s) => D(p.$slots, "default");
   }
-});
-
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var core = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/core.vue"]]);
-
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}), ke = /* @__PURE__ */ E({
   __name: "provider",
-  setup(__props, { expose: __expose }) {
-    __expose();
-    initPixiApp();
-    const __returned__ = {};
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+  setup(a) {
+    return we(), (m, e) => D(m.$slots, "default");
   }
-});
-
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var ProviderComp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/provider.vue"]]);
-
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}), Pe = /* @__PURE__ */ E({
   __name: "video",
   props: {
-    ...props,
+    ...V,
     url: {
       type: String,
-      required: true
+      required: !0
     }
   },
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const compId = useId();
-    const getAlias = () => `${compId}-video`;
-    const { sprite, resizeSprite } = useSprite(props);
-    const texture = ref();
-    const video = computed(() => {
-      if (texture.value?.source && texture.value.source.resource) {
-        const resource = texture.value.source.resource;
-        if (resource instanceof HTMLVideoElement) {
-          return resource;
-        }
+  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;
       }
       return null;
-    });
-    const readyDef = useDeferred();
-    const videoError = ref("");
-    readyDef.promise.then(() => {
-      if (props.status === TickerStatus.play) {
-        play();
-      }
-    });
-    watchEffect(() => {
-      video.value && (video.value.loop = props.loop);
-    });
-    onMounted(() => loadVideoTexture(props.url));
-    async function loadVideoTexture(url) {
+    }), 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) {
       try {
-        videoError.value = "";
-        const alias = getAlias();
-        if (Assets.cache.has(alias)) {
-          await Assets.unload(alias);
-        }
-        Assets.add({ alias, src: url });
-        const videoTexture = await Assets.load(alias);
-        texture.value = videoTexture;
-        sprite.texture = videoTexture;
-        if (video.value) {
-          video.value.loop = props.loop;
-          video.value.muted = true;
-          video.value.crossOrigin = "anonymous";
-          setupVideoEvents(video.value);
-          readyDef.resolve();
-        }
-        resizeSprite();
-        return videoTexture;
-      } catch (error) {
-        console.error("\u52A0\u8F7D\u89C6\u9891\u7EB9\u7406\u5931\u8D25:", error);
-        videoError.value = "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25";
-        return null;
-      }
-    }
-    function setupVideoEvents(video2) {
-      video2.addEventListener("play", () => {
-        if (props.status !== TickerStatus.playing) {
-          emit("update:status", TickerStatus.playing);
-        }
-      });
-      video2.addEventListener("pause", () => {
-        if (props.status !== TickerStatus.paused) {
-          emit("update:status", TickerStatus.paused);
-        }
-      });
-      video2.addEventListener("ended", () => {
-        if (props.loop) {
-          video2.currentTime = 0;
-          video2.play();
-        } else {
-          emit("update:status", TickerStatus.stopped);
-        }
-      });
-      video2.addEventListener("error", (e) => {
-        const error = video2.error;
-        let errorMessage = "\u89C6\u9891\u64AD\u653E\u5931\u8D25";
-        if (error) {
-          switch (error.code) {
-            case error.MEDIA_ERR_ABORTED:
-              errorMessage = "\u89C6\u9891\u64AD\u653E\u88AB\u4E2D\u6B62";
+        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;
+      }
+    }
+    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 = "视频播放被中止";
               break;
-            case error.MEDIA_ERR_NETWORK:
-              errorMessage = "\u7F51\u7EDC\u9519\u8BEF\u5BFC\u81F4\u89C6\u9891\u64AD\u653E\u5931\u8D25";
+            case s.MEDIA_ERR_NETWORK:
+              d = "网络错误导致视频播放失败";
               break;
-            case error.MEDIA_ERR_DECODE:
-              errorMessage = "\u89C6\u9891\u89E3\u7801\u5931\u8D25";
+            case s.MEDIA_ERR_DECODE:
+              d = "视频解码失败";
               break;
-            case error.MEDIA_ERR_SRC_NOT_SUPPORTED:
-              errorMessage = "\u4E0D\u652F\u6301\u7684\u89C6\u9891\u683C\u5F0F";
+            case s.MEDIA_ERR_SRC_NOT_SUPPORTED:
+              d = "不支持的视频格式";
               break;
           }
-        }
-        console.error("\u89C6\u9891\u64AD\u653E\u9519\u8BEF:", errorMessage, e);
-        videoError.value = errorMessage;
-        emit("update:status", TickerStatus.stopped);
+        console.error("视频播放错误:", d, p), g.value = d, t("update:status", n.stopped);
       });
     }
-    async function cleanupVideo() {
-      if (texture.value) {
-        const alias = getAlias();
-        texture.value.destroy(true);
-        texture.value = void 0;
-        if (Assets.cache.has(alias)) {
-          await Assets.unload(alias);
-        }
+    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);
       }
-      videoError.value = "";
+      g.value = "";
     }
-    watchEffect(() => {
-      props.status === TickerStatus.play && play();
-      props.status === TickerStatus.pause && pause();
-      props.status === TickerStatus.stop && stop();
+    T(() => {
+      e.status === n.play && k(), e.status === n.pause && A(), e.status === n.stop && I();
+    }), R(() => {
+      c();
     });
-    onBeforeUnmount(() => {
-      cleanupVideo();
-    });
-    function play() {
-      if (video.value) {
-        video.value.play().catch((error) => {
-          console.error("\u89C6\u9891\u64AD\u653E\u5931\u8D25:", error);
-          videoError.value = "\u89C6\u9891\u64AD\u653E\u5931\u8D25";
-        });
-      }
+    function k() {
+      r.value && r.value.play().catch((h) => {
+        console.error("视频播放失败:", h), g.value = "视频播放失败";
+      });
     }
-    function pause() {
-      video.value?.pause();
+    function A() {
+      r.value?.pause();
     }
-    function stop() {
-      if (video.value) {
-        video.value.pause();
-        video.value.currentTime = 0;
-      }
-      emit("update:status", TickerStatus.stopped);
+    function I() {
+      r.value && (r.value.pause(), r.value.currentTime = 0), t("update:status", n.stopped);
     }
-    const __returned__ = { props, emit, compId, getAlias, sprite, resizeSprite, texture, video, readyDef, videoError, loadVideoTexture, setupVideoEvents, cleanupVideo, play, pause, stop };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+    return (h, p) => D(h.$slots, "default");
   }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var VideoComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/video.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}), be = /* @__PURE__ */ E({
   __name: "view",
   props: {
     defaultOptions: {
@@ -2119,114 +659,97 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
       default: () => ({})
     }
   },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const { application: app, context } = usePixiApp();
-    const appRef = ref();
-    onMounted(async () => {
-      await app.init({
-        resizeTo: appRef.value,
-        ...props.defaultOptions
-      });
-      context.whenDef.resolve(app);
-      appRef.value.appendChild(app.canvas);
-    });
-    const __returned__ = { props, app, context, appRef };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+  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", {
+      ref_key: "appRef",
+      ref: F,
+      class: "vk-pixi-frame"
+    }, null, 512));
   }
-});
-
-const _hoisted_1 = {
-  ref: "appRef",
-  class: "vk-pixi-frame"
-};
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock(
-    "div",
-    _hoisted_1,
-    null,
-    512
-    /* NEED_PATCH */
-  );
-}
-var ViewComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/view.vue"]]);
-
-var _sfc_main = defineComponent({
+}), $e = E({
   name: "VkPixiFrame",
   components: {
-    ApngComp,
+    ApngComp: _e,
     // CoreComp,
-    ProviderComp,
-    ViewComp,
-    VideoComp,
-    Bitmap
+    ProviderComp: ke,
+    ViewComp: be,
+    VideoComp: Pe,
+    Bitmap: Fe
   },
-  props,
-  emits,
-  setup(props2) {
-    const isApng = computed(() => {
-      if (!props2.url)
-        return false;
-      const url = props2.url.toLowerCase();
-      return url.includes(".png") && !url.includes(".mp4") && !url.includes(".webm");
-    });
-    const isVideo = computed(() => {
-      if (!props2.url)
-        return false;
-      const url = props2.url.toLowerCase();
-      return url.includes(".mp4") || url.includes(".webm") || url.includes(".mov");
+  props: V,
+  emits: S,
+  setup(a) {
+    const m = j(() => {
+      if (!a.url)
+        return !1;
+      const t = a.url.toLowerCase();
+      return t.includes(".png") && !t.includes(".mp4") && !t.includes(".webm");
+    }), e = j(() => {
+      if (!a.url)
+        return !1;
+      const t = a.url.toLowerCase();
+      return t.includes(".mp4") || t.includes(".webm") || t.includes(".mov");
     });
     return {
-      isApng,
-      isVideo
+      isApng: m,
+      isVideo: e
     };
   }
 });
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ViewComp = resolveComponent("ViewComp");
-  const _component_ApngComp = resolveComponent("ApngComp");
-  const _component_VideoComp = resolveComponent("VideoComp");
-  const _component_Bitmap = resolveComponent("Bitmap");
-  const _component_ProviderComp = resolveComponent("ProviderComp");
-  return openBlock(), createBlock(_component_ProviderComp, null, {
-    default: withCtx(() => [
-      createVNode(_component_ViewComp),
-      _ctx.isApng && _ctx.url ? (openBlock(), createBlock(_component_ApngComp, {
+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, {
         key: 0,
-        url: _ctx.url,
-        loop: _ctx.loop,
-        status: _ctx.status,
-        "onUpdate:status": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:status", $event))
-      }, null, 8, ["url", "loop", "status"])) : _ctx.isVideo && _ctx.url ? (openBlock(), createBlock(_component_VideoComp, {
+        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, {
         key: 1,
-        url: _ctx.url,
-        loop: _ctx.loop,
-        status: _ctx.status,
-        "onUpdate:status": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:status", $event))
-      }, null, 8, ["url", "loop", "status"])) : (openBlock(), createBlock(_component_Bitmap, {
+        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, {
         key: 2,
-        data: _ctx.data,
-        loop: _ctx.loop,
-        status: _ctx.status,
-        onSetData: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("setData", $event)),
-        "onUpdate:status": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:status", $event))
+        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))
       }, null, 8, ["data", "loop", "status"]))
     ]),
     _: 1
-    /* STABLE */
   });
 }
-var VkPixiFrame = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-	__proto__: null
-});
-
-VkPixiFrame.install = (app) => {
-  app.component(VkPixiFrame.name || "VkPixiFrame", VkPixiFrame);
+const H = /* @__PURE__ */ xe($e, [["render", Ae]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
+H.install = (a) => {
+  a.component(H.name || "VkPixiFrame", H);
+};
+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
 };
-
-export { VkPixiFrame, ApngComp as VkPixiFrameApng, Bitmap as VkPixiFrameBitmap, bitmapGenerator as VkPixiFrameBitmapGenerator, bufferImage as VkPixiFrameBufferImage, core as VkPixiFrameCore, ProviderComp as VkPixiFrameProvider, VideoComp as VkPixiFrameVideo, ViewComp as VkPixiFrameView, types as __VkPixiFrame, VkPixiFrame as default, usePixiApp, useSprite };