@eva/plugin-renderer-sprite-animation 1.1.1-beta.0 → 1.1.1-fix.2

package/dist/EVA.plugin.renderer.spriteAnimation.min.js

@@ -1 +1,2 @@
 var e,t;e=this,t=function(e,t,r,n,o){"use strict";var i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function a(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function s(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}function p(e,t,r,n){return new(r||(r=Promise))((function(o,i){function a(e){try{p(n.next(e))}catch(e){i(e)}}function s(e){try{p(n.throw(e))}catch(e){i(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}p((n=n.apply(e,t||[])).next())}))}function c(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function u(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}var l=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.autoPlay=!0,t.speed=100,t.waitPlay=!1,t.waitStop=!1,t.times=1/0,t.count=0,t}return a(r,e),r.prototype.init=function(e){var t=this;e&&Object.assign(this,e),this.on("loop",(function(){++t.count>=t.times&&(t.animate.stop(),t.emit("complete"))}))},r.prototype.play=function(e){void 0===e&&(e=1/0),0!==e&&(this.times=e,this.animate?(this.animate.play(),this.count=0):this.waitPlay=!0)},r.prototype.stop=function(){this.animate?this.animate.stop():this.waitStop=!0},Object.defineProperty(r.prototype,"animate",{get:function(){return this._animate},set:function(e){this._animate=e,this.waitPlay&&(this.waitPlay=!1,this.play(this.times)),this.waitStop&&(this.waitStop=!1,this.stop())},enumerable:!1,configurable:!0}),r.prototype.gotoAndPlay=function(e){this.animate.gotoAndPlay(e)},r.prototype.gotoAndStop=function(e){this.animate.gotoAndStop(e)},r.componentName="SpriteAnimation",s([t.decorators.IDEProp],r.prototype,"resource",void 0),s([t.decorators.IDEProp],r.prototype,"autoPlay",void 0),s([t.decorators.IDEProp],r.prototype,"speed",void 0),r}(t.Component),f="_s|r|c_";t.resource.registerInstance(t.RESOURCE_TYPE.SPRITE_ANIMATION,(function(e){var t=e.name,r=e.data;return new Promise((function(e){var n,i,a=r.json,s=o.BaseTexture.from(r.image),p=a.frames||{},c=a.animations||{},l={};for(var d in p)l[t+f+d]=p[d];for(var d in c){var m=[];if(c[d]&&c[d].length>=0)try{for(var h=(n=void 0,u(c[d])),y=h.next();!y.done;y=h.next()){var v=y.value,g=t+f+v;m.push(g)}}catch(e){n={error:e}}finally{try{y&&!y.done&&(i=h.return)&&i.call(h)}finally{if(n)throw n.error}}c[d]=m}a.frames=l;var b=new o.Spritesheet(s,a);b.parse((function(){var t=b.textures,r=[];for(var n in t)r.push(t[n]);e(r)}))}))})),t.resource.registerDestroy(t.RESOURCE_TYPE.SPRITE_ANIMATION,(function(e){var t,r,n=e.instance;if(n)try{for(var o=u(n),i=o.next();!i.done;i=o.next())i.value.destroy(!0)}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}}));var d=function(e){function o(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="SpriteAnimation",t.animates={},t.autoPlay={},t}return a(o,e),o.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},o.prototype.rendererUpdate=function(e){var t=e.transform.size,r=t.width,n=t.height;this.animates[e.id]&&(this.animates[e.id].animatedSprite.width=r,this.animates[e.id].animatedSprite.height=n)},o.prototype.componentChanged=function(e){return p(this,void 0,void 0,(function(){var r,n,o;return c(this,(function(i){switch(i.label){case 0:return"SpriteAnimation"!==e.componentName?[3,7]:(r=e.component,this.autoPlay[e.gameObject.id]=r.autoPlay,e.type!==t.OBSERVER_TYPE.ADD?[3,2]:[4,t.resource.getResource(r.resource)]);case 1:return(n=i.sent().instance)||console.error("GameObject:"+e.gameObject.name+"'s Img resource load error"),this.add({frames:n,id:e.gameObject.id,component:r}),[3,7];case 2:return e.type!==t.OBSERVER_TYPE.CHANGE?[3,6]:e.prop&&"speed"===e.prop.prop[0]?(this.animates[e.gameObject.id].speed=1e3/60/r.speed,[3,5]):[3,3];case 3:return[4,t.resource.getResource(r.resource)];case 4:(o=i.sent().instance)||console.error("GameObject:"+e.gameObject.name+"'s Img resource load error"),this.change({frames:o,id:e.gameObject.id,component:r}),i.label=5;case 5:return[3,7];case 6:e.type===t.OBSERVER_TYPE.REMOVE&&this.remove(e.gameObject.id),i.label=7;case 7:return[2]}}))}))},o.prototype.add=function(e){var t=e.frames,r=e.id,o=e.component,i=new n.SpriteAnimation({frames:t});this.animates[r]=i,this.containerManager.getContainer(r).addChildAt(i.animatedSprite,0),i.animatedSprite.onComplete=function(){o.emit("complete")},i.animatedSprite.onFrameChange=function(){o.emit("frameChange")},i.animatedSprite.onLoop=function(){o.emit("loop")},o.animate=this.animates[r],this.animates[r].speed=1e3/60/o.speed,this.autoPlay[r]&&i.animatedSprite.play()},o.prototype.change=function(e){var t=e.frames,r=e.id,n=e.component;this.remove(r,!0),this.add({frames:t,id:r,component:n})},o.prototype.remove=function(e,t){var r=this.animates[e];this.autoPlay[e]=r.animatedSprite.playing,this.containerManager.getContainer(e).removeChild(r.animatedSprite),r.animatedSprite.destroy({children:!0}),delete this.animates[e],t||delete this.autoPlay[e]},o.systemName="SpriteAnimation",o=s([t.decorators.componentObserver({SpriteAnimation:["speed","resource"]})],o)}(r.Renderer);e.SpriteAnimation=l,e.SpriteAnimationSystem=d,Object.defineProperty(e,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@eva/eva.js"),require("@eva/plugin-renderer"),require("@eva/renderer-adapter"),require("pixi.js")):"function"==typeof define&&define.amd?define(["exports","@eva/eva.js","@eva/plugin-renderer","@eva/renderer-adapter","pixi.js"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).EVA=e.EVA||{},e.EVA.plugin=e.EVA.plugin||{},e.EVA.plugin.renderer=e.EVA.plugin.renderer||{},e.EVA.plugin.renderer.spriteAnimation={}),e.EVA,e.EVA.plugin.renderer,e.EVA.rendererAdapter,e.PIXI);
+//# sourceMappingURL=EVA.plugin.renderer.spriteAnimation.min.js.map

package/dist/EVA.plugin.renderer.spriteAnimation.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EVA.plugin.renderer.spriteAnimation.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../lib/component.ts","../lib/system.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","import { Component, decorators } from '@eva/eva.js';\nimport { SpriteAnimation as SpriteAnimationEngine } from '@eva/renderer-adapter';\n\nexport interface SpriteAnimationParams {\n  resource: string;\n  autoPlay: boolean;\n  speed: number;\n}\n\nexport default class SpriteAnimation extends Component<SpriteAnimationParams> {\n  static componentName: string = 'SpriteAnimation';\n  @decorators.IDEProp resource: string = '';\n  @decorators.IDEProp autoPlay: boolean = true;\n  @decorators.IDEProp speed: number = 100;\n  _animate: SpriteAnimationEngine;\n  private waitPlay: boolean = false;\n  private waitStop: boolean = false;\n  private times: number = Infinity;\n  private count: number = 0;\n  init(obj?: SpriteAnimationParams) {\n    obj && Object.assign(this, obj);\n    this.on('loop', () => {\n      if (++this.count >= this.times) {\n        this.animate.stop();\n        this.emit('complete');\n      }\n    });\n  }\n  play(times = Infinity) {\n    if (times === 0) {\n      return;\n    }\n    this.times = times;\n    if (!this.animate) {\n      this.waitPlay = true;\n    } else {\n      this.animate.play();\n      this.count = 0;\n    }\n  }\n  stop() {\n    if (!this.animate) {\n      this.waitStop = true;\n    } else {\n      this.animate.stop();\n    }\n  }\n  set animate(val) {\n    this._animate = val;\n    if (this.waitPlay) {\n      this.waitPlay = false;\n      this.play(this.times);\n    }\n    if (this.waitStop) {\n      this.waitStop = false;\n      this.stop();\n    }\n  }\n  get animate() {\n    return this._animate;\n  }\n  gotoAndPlay(frameNumber) {\n    this.animate.gotoAndPlay(frameNumber);\n  }\n  gotoAndStop(frameNumber) {\n    this.animate.gotoAndStop(frameNumber);\n  }\n}\n","import { GameObject, decorators, resource, ComponentChanged, RESOURCE_TYPE, OBSERVER_TYPE } from '@eva/eva.js';\nimport { RendererManager, ContainerManager, RendererSystem, Renderer } from '@eva/plugin-renderer';\nimport { SpriteAnimation as SpriteAnimationEngine } from '@eva/renderer-adapter';\nimport { Spritesheet, BaseTexture } from 'pixi.js';\n\nimport SpriteAnimationComponent from './component';\n\nconst resourceKeySplit = '_s|r|c_';\n\nresource.registerInstance(RESOURCE_TYPE.SPRITE_ANIMATION, ({ name, data }) => {\n  return new Promise(r => {\n    const textureObj = data.json;\n    const texture = BaseTexture.from(data.image);\n    const frames = textureObj.frames || {};\n    const animations = textureObj.animations || {};\n    const newFrames = {};\n    for (const key in frames) {\n      const newKey = name + resourceKeySplit + key;\n      newFrames[newKey] = frames[key];\n    }\n    for (const key in animations) {\n      const spriteList = [];\n      if (animations[key] && animations[key].length >= 0) {\n        for (const spriteName of animations[key]) {\n          const newSpriteName = name + resourceKeySplit + spriteName;\n          spriteList.push(newSpriteName);\n        }\n      }\n      animations[key] = spriteList;\n    }\n    textureObj.frames = newFrames;\n    const spriteSheet = new Spritesheet(texture, textureObj);\n    spriteSheet.parse(() => {\n      const { textures } = spriteSheet;\n      const spriteFrames = [];\n      for (const key in textures) {\n        spriteFrames.push(textures[key]);\n      }\n      r(spriteFrames);\n    });\n  });\n});\nresource.registerDestroy(RESOURCE_TYPE.SPRITE_ANIMATION, ({ instance }) => {\n  if (!instance) return;\n  for (const texture of instance) {\n    texture.destroy(true);\n  }\n});\n\n@decorators.componentObserver({\n  SpriteAnimation: ['speed', 'resource'],\n})\nexport default class SpriteAnimation extends Renderer {\n  static systemName = 'SpriteAnimation';\n  name: string = 'SpriteAnimation';\n  animates: { [propName: number]: SpriteAnimationEngine } = {};\n  autoPlay: { [propName: number]: boolean } = {};\n  renderSystem: RendererSystem;\n  rendererManager: RendererManager;\n  containerManager: ContainerManager;\n  init() {\n    this.renderSystem = this.game.getSystem(RendererSystem) as RendererSystem;\n    this.renderSystem.rendererManager.register(this);\n  }\n  rendererUpdate(gameObject: GameObject) {\n    const { width, height } = gameObject.transform.size;\n    if (this.animates[gameObject.id]) {\n      this.animates[gameObject.id].animatedSprite.width = width;\n      this.animates[gameObject.id].animatedSprite.height = height;\n    }\n  }\n  async componentChanged(changed: ComponentChanged) {\n    if (changed.componentName === 'SpriteAnimation') {\n      const component: SpriteAnimationComponent = changed.component as SpriteAnimationComponent;\n      this.autoPlay[changed.gameObject.id] = component.autoPlay;\n      if (changed.type === OBSERVER_TYPE.ADD) {\n        const { instance: frames } = await resource.getResource(component.resource);\n        if (!frames) {\n          console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);\n        }\n        this.add({\n          frames: frames,\n          id: changed.gameObject.id,\n          component,\n        });\n      } else if (changed.type === OBSERVER_TYPE.CHANGE) {\n        if (changed.prop && changed.prop.prop[0] === 'speed') {\n          this.animates[changed.gameObject.id].speed = 1000 / 60 / component.speed;\n        } else {\n          const { instance: frames } = await resource.getResource(component.resource);\n          if (!frames) {\n            console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);\n          }\n          this.change({\n            frames: frames,\n            id: changed.gameObject.id,\n            component,\n          });\n        }\n      } else if (changed.type === OBSERVER_TYPE.REMOVE) {\n        this.remove(changed.gameObject.id);\n      }\n    }\n  }\n  add({ frames, id, component }) {\n    const animate = new SpriteAnimationEngine({ frames });\n    this.animates[id] = animate;\n    this.containerManager.getContainer(id).addChildAt(animate.animatedSprite, 0);\n\n    animate.animatedSprite.onComplete = () => {\n      component.emit('complete');\n    };\n    animate.animatedSprite.onFrameChange = () => {\n      component.emit('frameChange');\n    };\n    animate.animatedSprite.onLoop = () => {\n      component.emit('loop');\n    };\n\n    component.animate = this.animates[id];\n    this.animates[id].speed = 1000 / 60 / component.speed;\n    if (this.autoPlay[id]) {\n      animate.animatedSprite.play();\n    }\n  }\n  change({ frames, id, component }) {\n    this.remove(id, true);\n    this.add({ frames, id, component });\n  }\n  remove(id, isChange?: boolean) {\n    const animate = this.animates[id];\n    this.autoPlay[id] = animate.animatedSprite.playing;\n    this.containerManager.getContainer(id).removeChild(animate.animatedSprite);\n    animate.animatedSprite.destroy({ children: true });\n    delete this.animates[id];\n    if (!isChange) {\n      delete this.autoPlay[id];\n    }\n  }\n}\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","pop","push","__values","o","s","m","_this","Infinity","SpriteAnimation","obj","assign","on","count","times","animate","stop","emit","play","waitPlay","waitStop","_animate","val","frameNumber","gotoAndPlay","gotoAndStop","IDEProp","Component","resourceKeySplit","registerInstance","RESOURCE_TYPE","SPRITE_ANIMATION","_a","name","data","textureObj","json","texture","BaseTexture","from","image","frames","animations","newFrames","spriteList","_b","spriteName","newSpriteName","spriteSheet","Spritesheet","parse","textures","spriteFrames","registerDestroy","instance","instance_1","destroy","renderSystem","game","getSystem","RendererSystem","rendererManager","register","gameObject","transform","size","width","height","animates","id","animatedSprite","changed","componentName","component","autoPlay","type","OBSERVER_TYPE","ADD","resource","getResource","frames_1","console","error","add","CHANGE","prop","speed","frames_2","change","REMOVE","remove","SpriteAnimationEngine","containerManager","getContainer","addChildAt","onComplete","onFrameChange","onLoop","isChange","playing","removeChild","children","componentObserver","Renderer"],"mappings":"kDAgBA,IAAIA,EAAgB,SAASC,EAAGC,GAI5B,OAHAF,EAAgBG,OAAOC,gBAClB,CAAEC,UAAW,cAAgBC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAGrB,SAASO,EAAUR,EAAGC,GAEzB,SAASQ,IAAOC,KAAKC,YAAcX,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEY,UAAkB,OAANX,EAAaC,OAAOW,OAAOZ,IAAMQ,EAAGG,UAAYX,EAAEW,UAAW,IAAIH,GA0B5E,SAASK,EAAWC,EAAYC,EAAQC,EAAKC,GAChD,IAA2HlB,EAAvHmB,EAAIC,UAAUC,OAAQC,EAAIH,EAAI,EAAIH,EAAkB,OAATE,EAAgBA,EAAOhB,OAAOqB,yBAAyBP,EAAQC,GAAOC,EACrH,GAAuB,iBAAZM,SAAoD,mBAArBA,QAAQC,SAAyBH,EAAIE,QAAQC,SAASV,EAAYC,EAAQC,EAAKC,QACpH,IAAK,IAAIQ,EAAIX,EAAWM,OAAS,EAAGK,GAAK,EAAGA,KAAS1B,EAAIe,EAAWW,MAAIJ,GAAKH,EAAI,EAAInB,EAAEsB,GAAKH,EAAI,EAAInB,EAAEgB,EAAQC,EAAKK,GAAKtB,EAAEgB,EAAQC,KAASK,GAChJ,OAAOH,EAAI,GAAKG,GAAKpB,OAAOyB,eAAeX,EAAQC,EAAKK,GAAIA,EAWzD,SAASM,EAAUC,EAASC,EAAYC,EAAGC,GAE9C,OAAO,IAAKD,IAAMA,EAAIE,WAAU,SAAUC,EAASC,GAC/C,SAASC,EAAUC,GAAS,IAAMC,EAAKN,EAAUO,KAAKF,IAAW,MAAOG,GAAKL,EAAOK,IACpF,SAASC,EAASJ,GAAS,IAAMC,EAAKN,EAAiB,MAAEK,IAAW,MAAOG,GAAKL,EAAOK,IACvF,SAASF,EAAKI,GAJlB,IAAeL,EAIaK,EAAOC,KAAOT,EAAQQ,EAAOL,QAJ1CA,EAIyDK,EAAOL,MAJhDA,aAAiBN,EAAIM,EAAQ,IAAIN,GAAE,SAAUG,GAAWA,EAAQG,OAITO,KAAKR,EAAWK,GAClGH,GAAMN,EAAYA,EAAUa,MAAMhB,EAASC,GAAc,KAAKS,WAI/D,SAASO,EAAYjB,EAASkB,GACjC,IAAsGC,EAAGC,EAAGC,EAAGC,EAA3GC,EAAI,CAAEC,MAAO,EAAGC,KAAM,WAAa,GAAW,EAAPJ,EAAE,GAAQ,MAAMA,EAAE,GAAI,OAAOA,EAAE,IAAOK,KAAM,GAAIC,IAAK,IAChG,OAAOL,EAAI,CAAEZ,KAAMkB,EAAK,GAAIC,MAASD,EAAK,GAAIE,OAAUF,EAAK,IAAwB,mBAAXG,SAA0BT,EAAES,OAAOC,UAAY,WAAa,OAAOnD,OAAUyC,EACvJ,SAASM,EAAKK,GAAK,OAAO,SAAUC,GAAK,OACzC,SAAcC,GACV,GAAIhB,EAAG,MAAM,IAAIiB,UAAU,mCAC3B,KAAOb,OACH,GAAIJ,EAAI,EAAGC,IAAMC,EAAY,EAARc,EAAG,GAASf,EAAU,OAAIe,EAAG,GAAKf,EAAS,SAAOC,EAAID,EAAU,SAAMC,EAAEgB,KAAKjB,GAAI,GAAKA,EAAEV,SAAWW,EAAIA,EAAEgB,KAAKjB,EAAGe,EAAG,KAAKrB,KAAM,OAAOO,EAE3J,OADID,EAAI,EAAGC,IAAGc,EAAK,CAAS,EAARA,EAAG,GAAQd,EAAEb,QACzB2B,EAAG,IACP,KAAK,EAAG,KAAK,EAAGd,EAAIc,EAAI,MACxB,KAAK,EAAc,OAAXZ,EAAEC,QAAgB,CAAEhB,MAAO2B,EAAG,GAAIrB,MAAM,GAChD,KAAK,EAAGS,EAAEC,QAASJ,EAAIe,EAAG,GAAIA,EAAK,CAAC,GAAI,SACxC,KAAK,EAAGA,EAAKZ,EAAEI,IAAIW,MAAOf,EAAEG,KAAKY,MAAO,SACxC,QACI,MAAkBjB,GAAZA,EAAIE,EAAEG,MAAYlC,OAAS,GAAK6B,EAAEA,EAAE7B,OAAS,KAAkB,IAAV2C,EAAG,IAAsB,IAAVA,EAAG,IAAW,CAAEZ,EAAI,EAAG,SACjG,GAAc,IAAVY,EAAG,MAAcd,GAAMc,EAAG,GAAKd,EAAE,IAAMc,EAAG,GAAKd,EAAE,IAAM,CAAEE,EAAEC,MAAQW,EAAG,GAAI,MAC9E,GAAc,IAAVA,EAAG,IAAYZ,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIA,EAAIc,EAAI,MAC7D,GAAId,GAAKE,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIE,EAAEI,IAAIY,KAAKJ,GAAK,MACvDd,EAAE,IAAIE,EAAEI,IAAIW,MAChBf,EAAEG,KAAKY,MAAO,SAEtBH,EAAKjB,EAAKmB,KAAKrC,EAASuB,GAC1B,MAAOZ,GAAKwB,EAAK,CAAC,EAAGxB,GAAIS,EAAI,UAAeD,EAAIE,EAAI,EACtD,GAAY,EAARc,EAAG,GAAQ,MAAMA,EAAG,GAAI,MAAO,CAAE3B,MAAO2B,EAAG,GAAKA,EAAG,QAAK,EAAQrB,MAAM,GArB9BL,CAAK,CAACwB,EAAGC,MAkCtD,SAASM,EAASC,GACrB,IAAIC,EAAsB,mBAAXX,QAAyBA,OAAOC,SAAUW,EAAID,GAAKD,EAAEC,GAAI7C,EAAI,EAC5E,GAAI8C,EAAG,OAAOA,EAAEN,KAAKI,GACrB,GAAIA,GAAyB,iBAAbA,EAAEjD,OAAqB,MAAO,CAC1CkB,KAAM,WAEF,OADI+B,GAAK5C,GAAK4C,EAAEjD,SAAQiD,OAAI,GACrB,CAAEjC,MAAOiC,GAAKA,EAAE5C,KAAMiB,MAAO2B,KAG5C,MAAM,IAAIL,UAAUM,EAAI,0BAA4B,mCClHxD,kBAAA,aAAA,qDAEsBE,WAAmB,GACnBA,YAAoB,EACpBA,QAAgB,IAE5BA,YAAoB,EACpBA,YAAoB,EACpBA,QAAgBC,EAAAA,EAChBD,QAAgB,IAiD1B,OA1D6CjE,OAU3CmE,iBAAA,SAAKC,GAAL,WACEA,GAAO1E,OAAO2E,OAAOnE,KAAMkE,GAC3BlE,KAAKoE,GAAG,QAAQ,aACRL,EAAKM,OAASN,EAAKO,QACvBP,EAAKQ,QAAQC,OACbT,EAAKU,KAAK,iBAIhBR,iBAAA,SAAKK,gBAAAA,OACW,IAAVA,IAGJtE,KAAKsE,MAAQA,EACRtE,KAAKuE,SAGRvE,KAAKuE,QAAQG,OACb1E,KAAKqE,MAAQ,GAHbrE,KAAK2E,UAAW,IAMpBV,iBAAA,WACOjE,KAAKuE,QAGRvE,KAAKuE,QAAQC,OAFbxE,KAAK4E,UAAW,GAKpBpF,sBAAIyE,2BAWJ,WACE,OAAOjE,KAAK6E,cAZd,SAAYC,GACV9E,KAAK6E,SAAWC,EACZ9E,KAAK2E,WACP3E,KAAK2E,UAAW,EAChB3E,KAAK0E,KAAK1E,KAAKsE,QAEbtE,KAAK4E,WACP5E,KAAK4E,UAAW,EAChB5E,KAAKwE,yCAMTP,wBAAA,SAAYc,GACV/E,KAAKuE,QAAQS,YAAYD,IAE3Bd,wBAAA,SAAYc,GACV/E,KAAKuE,QAAQU,YAAYF,IAvDpBd,gBAAwB,kBACX7D,GAAnBC,aAAW6E,wCACQ9E,GAAnBC,aAAW6E,wCACQ9E,GAAnBC,aAAW6E,wCAJ+BC,aCFvCC,EAAmB,qBAEhBC,iBAAiBC,gBAAcC,kBAAkB,SAACC,OAAEC,SAAMC,SACjE,OAAO,IAAInE,SAAQ,SAAAX,WACX+E,EAAaD,EAAKE,KAClBC,EAAUC,cAAYC,KAAKL,EAAKM,OAChCC,EAASN,EAAWM,QAAU,GAC9BC,EAAaP,EAAWO,YAAc,GACtCC,EAAY,GAClB,IAAK,IAAM5F,KAAO0F,EAEhBE,EADeV,EAAOL,EAAmB7E,GACrB0F,EAAO1F,GAE7B,IAAK,IAAMA,KAAO2F,EAAY,CAC5B,IAAME,EAAa,GACnB,GAAIF,EAAW3F,IAAQ2F,EAAW3F,GAAKI,QAAU,MAC/C,IAAyB,IAAA0F,YAAA1C,EAAAuC,EAAW3F,mCAAM,CAArC,IAAM+F,UACHC,EAAgBd,EAAOL,EAAmBkB,EAChDF,EAAW1C,KAAK6C,qGAGpBL,EAAW3F,GAAO6F,EAEpBT,EAAWM,OAASE,EACpB,IAAMK,EAAc,IAAIC,cAAYZ,EAASF,GAC7Ca,EAAYE,OAAM,WACR,IAAAC,EAAaH,WACfI,EAAe,GACrB,IAAK,IAAMrG,KAAOoG,EAChBC,EAAalD,KAAKiD,EAASpG,IAE7BK,EAAEgG,uBAICC,gBAAgBvB,gBAAcC,kBAAkB,SAACC,WAAEsB,aAC1D,GAAKA,MACL,IAAsB,IAAAC,EAAApD,EAAAmD,yCACZE,SAAQ,wGAOpB,kBAAA,aAAA,qDAEEjD,OAAe,kBACfA,WAA0D,GAC1DA,WAA4C,KAmF9C,OAvF6CjE,OAQ3CmE,iBAAA,WACEjE,KAAKiH,aAAejH,KAAKkH,KAAKC,UAAUC,kBACxCpH,KAAKiH,aAAaI,gBAAgBC,SAAStH,OAE7CiE,2BAAA,SAAesD,GACP,IAAA/B,EAAoB+B,EAAWC,UAAUC,KAAvCC,UAAOC,WACX3H,KAAK4H,SAASL,EAAWM,MAC3B7H,KAAK4H,SAASL,EAAWM,IAAIC,eAAeJ,MAAQA,EACpD1H,KAAK4H,SAASL,EAAWM,IAAIC,eAAeH,OAASA,IAGnD1D,6BAAN,SAAuB8D,6GACS,oBAA1BA,EAAQC,qBACJC,EAAsCF,EAAQE,UACpDjI,KAAKkI,SAASH,EAAQR,WAAWM,IAAMI,EAAUC,SAC7CH,EAAQI,OAASC,gBAAcC,aACEC,WAASC,YAAYN,EAAUK,0BAA1DE,EAAqBhD,oBAE3BiD,QAAQC,MAAM,cAAcX,EAAQR,WAAW9B,mCAEjDzF,KAAK2I,IAAI,CACP1C,OAAQuC,EACRX,GAAIE,EAAQR,WAAWM,GACvBI,kCAEOF,EAAQI,OAASC,gBAAcQ,aACpCb,EAAQc,MAAiC,UAAzBd,EAAQc,KAAKA,KAAK,IACpC7I,KAAK4H,SAASG,EAAQR,WAAWM,IAAIiB,MAAQ,IAAO,GAAKb,EAAUa,0BAEtC,SAAMR,WAASC,YAAYN,EAAUK,mBAA1DS,EAAqBvD,oBAE3BiD,QAAQC,MAAM,cAAcX,EAAQR,WAAW9B,mCAEjDzF,KAAKgJ,OAAO,CACV/C,OAAQ8C,EACRlB,GAAIE,EAAQR,WAAWM,GACvBI,kDAGKF,EAAQI,OAASC,gBAAca,QACxCjJ,KAAKkJ,OAAOnB,EAAQR,WAAWM,uCAIrC5D,gBAAA,SAAIuB,OAAES,WAAQ4B,OAAII,cACV1D,EAAU,IAAI4E,kBAAsB,CAAElD,WAC5CjG,KAAK4H,SAASC,GAAMtD,EACpBvE,KAAKoJ,iBAAiBC,aAAaxB,GAAIyB,WAAW/E,EAAQuD,eAAgB,GAE1EvD,EAAQuD,eAAeyB,WAAa,WAClCtB,EAAUxD,KAAK,aAEjBF,EAAQuD,eAAe0B,cAAgB,WACrCvB,EAAUxD,KAAK,gBAEjBF,EAAQuD,eAAe2B,OAAS,WAC9BxB,EAAUxD,KAAK,SAGjBwD,EAAU1D,QAAUvE,KAAK4H,SAASC,GAClC7H,KAAK4H,SAASC,GAAIiB,MAAQ,IAAO,GAAKb,EAAUa,MAC5C9I,KAAKkI,SAASL,IAChBtD,EAAQuD,eAAepD,QAG3BT,mBAAA,SAAOuB,OAAES,WAAQ4B,OAAII,cACnBjI,KAAKkJ,OAAOrB,GAAI,GAChB7H,KAAK2I,IAAI,CAAE1C,SAAQ4B,KAAII,eAEzBhE,mBAAA,SAAO4D,EAAI6B,GACT,IAAMnF,EAAUvE,KAAK4H,SAASC,GAC9B7H,KAAKkI,SAASL,GAAMtD,EAAQuD,eAAe6B,QAC3C3J,KAAKoJ,iBAAiBC,aAAaxB,GAAI+B,YAAYrF,EAAQuD,gBAC3DvD,EAAQuD,eAAed,QAAQ,CAAE6C,UAAU,WACpC7J,KAAK4H,SAASC,GAChB6B,UACI1J,KAAKkI,SAASL,IAnFlB5D,aAAa,kBADDA,KAHpB5D,aAAWyJ,kBAAkB,CAC5B7F,gBAAiB,CAAC,QAAS,eAERA,IAAwB8F"}

package/dist/plugin-renderer-sprite-animation.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var eva_js = require('@eva/eva.js');
+var inspectorDecorator = require('@eva/inspector-decorator');
 var pluginRenderer = require('@eva/plugin-renderer');
 var rendererAdapter = require('@eva/renderer-adapter');
 var pixi_js = require('pixi.js');
@@ -91,17 +92,19 @@ function __values(o) {
     };
 }
 
-var SpriteAnimation$1 = (function (_super) {
+var SpriteAnimation$2 = (function (_super) {
     __extends(SpriteAnimation, _super);
     function SpriteAnimation() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.resource = '';
         _this.autoPlay = true;
         _this.speed = 100;
+        _this.forwards = false;
         _this.waitPlay = false;
         _this.waitStop = false;
         _this.times = Infinity;
         _this.count = 0;
+        _this.complete = false;
         return _this;
     }
     SpriteAnimation.prototype.init = function (obj) {
@@ -109,7 +112,13 @@ var SpriteAnimation$1 = (function (_super) {
         obj && Object.assign(this, obj);
         this.on('loop', function () {
             if (++_this.count >= _this.times) {
-                _this.animate.stop();
+                if (_this.forwards) {
+                    _this.gotoAndStop(_this.totalFrames - 1);
+                }
+                else {
+                    _this.animate.stop();
+                }
+                _this.complete = true;
                 _this.emit('complete');
             }
         });
@@ -124,8 +133,12 @@ var SpriteAnimation$1 = (function (_super) {
             this.waitPlay = true;
         }
         else {
+            if (this.complete) {
+                this.gotoAndStop(0);
+            }
             this.animate.play();
             this.count = 0;
+            this.complete = false;
         }
     };
     SpriteAnimation.prototype.stop = function () {
@@ -160,18 +173,39 @@ var SpriteAnimation$1 = (function (_super) {
     SpriteAnimation.prototype.gotoAndStop = function (frameNumber) {
         this.animate.gotoAndStop(frameNumber);
     };
+    Object.defineProperty(SpriteAnimation.prototype, "currentFrame", {
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.animate) === null || _a === void 0 ? void 0 : _a.animatedSprite) === null || _b === void 0 ? void 0 : _b.currentFrame;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SpriteAnimation.prototype, "totalFrames", {
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.animate) === null || _a === void 0 ? void 0 : _a.animatedSprite) === null || _b === void 0 ? void 0 : _b.totalFrames;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SpriteAnimation.componentName = 'SpriteAnimation';
     __decorate([
-        eva_js.decorators.IDEProp
+        inspectorDecorator.type('string')
     ], SpriteAnimation.prototype, "resource", void 0);
     __decorate([
-        eva_js.decorators.IDEProp
+        inspectorDecorator.type('boolean')
     ], SpriteAnimation.prototype, "autoPlay", void 0);
     __decorate([
-        eva_js.decorators.IDEProp
+        inspectorDecorator.type('number'),
+        inspectorDecorator.step(10)
     ], SpriteAnimation.prototype, "speed", void 0);
+    __decorate([
+        inspectorDecorator.type('boolean')
+    ], SpriteAnimation.prototype, "forwards", void 0);
     return SpriteAnimation;
-}(eva_js.Component));
+}(eva_js.Component));
+var SpriteAnimation$3 = SpriteAnimation$2;
 
 var resourceKeySplit = '_s|r|c_';
 eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE_ANIMATION, function (_a) {
@@ -260,17 +294,21 @@ var SpriteAnimation = (function (_super) {
     };
     SpriteAnimation.prototype.componentChanged = function (changed) {
         return __awaiter(this, void 0, void 0, function () {
-            var component, frames_1, frames_2;
+            var gameObjectId, component, asyncId, frames_1, asyncId, frames_2;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        gameObjectId = changed.gameObject.id;
                         if (!(changed.componentName === 'SpriteAnimation')) return [3, 7];
                         component = changed.component;
                         this.autoPlay[changed.gameObject.id] = component.autoPlay;
                         if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 2];
+                        asyncId = this.increaseAsyncId(gameObjectId);
                         return [4, eva_js.resource.getResource(component.resource)];
                     case 1:
                         frames_1 = (_a.sent()).instance;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
                         if (!frames_1) {
                             console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
                         }
@@ -285,9 +323,13 @@ var SpriteAnimation = (function (_super) {
                         if (!(changed.prop && changed.prop.prop[0] === 'speed')) return [3, 3];
                         this.animates[changed.gameObject.id].speed = 1000 / 60 / component.speed;
                         return [3, 5];
-                    case 3: return [4, eva_js.resource.getResource(component.resource)];
+                    case 3:
+                        asyncId = this.increaseAsyncId(gameObjectId);
+                        return [4, eva_js.resource.getResource(component.resource)];
                     case 4:
                         frames_2 = (_a.sent()).instance;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
                         if (!frames_2) {
                             console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
                         }
@@ -300,6 +342,7 @@ var SpriteAnimation = (function (_super) {
                     case 5: return [3, 7];
                     case 6:
                         if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                            this.increaseAsyncId(gameObjectId);
                             this.remove(changed.gameObject.id);
                         }
                         _a.label = 7;
@@ -335,6 +378,8 @@ var SpriteAnimation = (function (_super) {
     };
     SpriteAnimation.prototype.remove = function (id, isChange) {
         var animate = this.animates[id];
+        if (!animate)
+            return;
         this.autoPlay[id] = animate.animatedSprite.playing;
         this.containerManager.getContainer(id).removeChild(animate.animatedSprite);
         animate.animatedSprite.destroy({ children: true });
@@ -350,7 +395,8 @@ var SpriteAnimation = (function (_super) {
         })
     ], SpriteAnimation);
     return SpriteAnimation;
-}(pluginRenderer.Renderer));
+}(pluginRenderer.Renderer));
+var SpriteAnimation$1 = SpriteAnimation;
 
-exports.SpriteAnimation = SpriteAnimation$1;
-exports.SpriteAnimationSystem = SpriteAnimation;
+exports.SpriteAnimation = SpriteAnimation$3;
+exports.SpriteAnimationSystem = SpriteAnimation$1;

package/dist/plugin-renderer-sprite-animation.cjs.prod.js

@@ -1 +1,2 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/plugin-renderer"),r=require("@eva/renderer-adapter"),n=require("pixi.js"),o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function a(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}function s(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function c(e){var t="function"==typeof Symbol&&e[Symbol.iterator],r=0;return t?t.call(e):{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}}}var p=function(t){function r(){var e=null!==t&&t.apply(this,arguments)||this;return e.resource="",e.autoPlay=!0,e.speed=100,e.waitPlay=!1,e.waitStop=!1,e.times=1/0,e.count=0,e}return i(r,t),r.prototype.init=function(e){var t=this;e&&Object.assign(this,e),this.on("loop",(function(){++t.count>=t.times&&(t.animate.stop(),t.emit("complete"))}))},r.prototype.play=function(e){void 0===e&&(e=1/0),0!==e&&(this.times=e,this.animate?(this.animate.play(),this.count=0):this.waitPlay=!0)},r.prototype.stop=function(){this.animate?this.animate.stop():this.waitStop=!0},Object.defineProperty(r.prototype,"animate",{get:function(){return this._animate},set:function(e){this._animate=e,this.waitPlay&&(this.waitPlay=!1,this.play(this.times)),this.waitStop&&(this.waitStop=!1,this.stop())},enumerable:!1,configurable:!0}),r.prototype.gotoAndPlay=function(e){this.animate.gotoAndPlay(e)},r.prototype.gotoAndStop=function(e){this.animate.gotoAndStop(e)},r.componentName="SpriteAnimation",a([e.decorators.IDEProp],r.prototype,"resource",void 0),a([e.decorators.IDEProp],r.prototype,"autoPlay",void 0),a([e.decorators.IDEProp],r.prototype,"speed",void 0),r}(e.Component);e.resource.registerInstance(e.RESOURCE_TYPE.SPRITE_ANIMATION,(function(e){var t=e.name,r=e.data;return new Promise((function(e){var o,i,a=r.json,s=n.BaseTexture.from(r.image),p=a.frames||{},u=a.animations||{},l={};for(var m in p){l[t+"_s|r|c_"+m]=p[m]}for(var m in u){var f=[];if(u[m]&&u[m].length>=0)try{for(var d=(o=void 0,c(u[m])),h=d.next();!h.done;h=d.next()){var y=h.value,v=t+"_s|r|c_"+y;f.push(v)}}catch(e){o={error:e}}finally{try{h&&!h.done&&(i=d.return)&&i.call(d)}finally{if(o)throw o.error}}u[m]=f}a.frames=l;var g=new n.Spritesheet(s,a);g.parse((function(){var t=g.textures,r=[];for(var n in t)r.push(t[n]);e(r)}))}))})),e.resource.registerDestroy(e.RESOURCE_TYPE.SPRITE_ANIMATION,(function(e){var t,r,n=e.instance;if(n)try{for(var o=c(n),i=o.next();!i.done;i=o.next()){i.value.destroy(!0)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}}));var u=function(n){function o(){var e=null!==n&&n.apply(this,arguments)||this;return e.name="SpriteAnimation",e.animates={},e.autoPlay={},e}return i(o,n),o.prototype.init=function(){this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this)},o.prototype.rendererUpdate=function(e){var t=e.transform.size,r=t.width,n=t.height;this.animates[e.id]&&(this.animates[e.id].animatedSprite.width=r,this.animates[e.id].animatedSprite.height=n)},o.prototype.componentChanged=function(t){return r=this,n=void 0,i=function(){var r,n,o;return s(this,(function(i){switch(i.label){case 0:return"SpriteAnimation"!==t.componentName?[3,7]:(r=t.component,this.autoPlay[t.gameObject.id]=r.autoPlay,t.type!==e.OBSERVER_TYPE.ADD?[3,2]:[4,e.resource.getResource(r.resource)]);case 1:return(n=i.sent().instance)||console.error("GameObject:"+t.gameObject.name+"'s Img resource load error"),this.add({frames:n,id:t.gameObject.id,component:r}),[3,7];case 2:return t.type!==e.OBSERVER_TYPE.CHANGE?[3,6]:t.prop&&"speed"===t.prop.prop[0]?(this.animates[t.gameObject.id].speed=1e3/60/r.speed,[3,5]):[3,3];case 3:return[4,e.resource.getResource(r.resource)];case 4:(o=i.sent().instance)||console.error("GameObject:"+t.gameObject.name+"'s Img resource load error"),this.change({frames:o,id:t.gameObject.id,component:r}),i.label=5;case 5:return[3,7];case 6:t.type===e.OBSERVER_TYPE.REMOVE&&this.remove(t.gameObject.id),i.label=7;case 7:return[2]}}))},new((o=void 0)||(o=Promise))((function(e,t){function a(e){try{c(i.next(e))}catch(e){t(e)}}function s(e){try{c(i.throw(e))}catch(e){t(e)}}function c(t){t.done?e(t.value):new o((function(e){e(t.value)})).then(a,s)}c((i=i.apply(r,n||[])).next())}));var r,n,o,i},o.prototype.add=function(e){var t=e.frames,n=e.id,o=e.component,i=new r.SpriteAnimation({frames:t});this.animates[n]=i,this.containerManager.getContainer(n).addChildAt(i.animatedSprite,0),i.animatedSprite.onComplete=function(){o.emit("complete")},i.animatedSprite.onFrameChange=function(){o.emit("frameChange")},i.animatedSprite.onLoop=function(){o.emit("loop")},o.animate=this.animates[n],this.animates[n].speed=1e3/60/o.speed,this.autoPlay[n]&&i.animatedSprite.play()},o.prototype.change=function(e){var t=e.frames,r=e.id,n=e.component;this.remove(r,!0),this.add({frames:t,id:r,component:n})},o.prototype.remove=function(e,t){var r=this.animates[e];this.autoPlay[e]=r.animatedSprite.playing,this.containerManager.getContainer(e).removeChild(r.animatedSprite),r.animatedSprite.destroy({children:!0}),delete this.animates[e],t||delete this.autoPlay[e]},o.systemName="SpriteAnimation",o=a([e.decorators.componentObserver({SpriteAnimation:["speed","resource"]})],o)}(t.Renderer);exports.SpriteAnimation=p,exports.SpriteAnimationSystem=u;
+//# sourceMappingURL=plugin-renderer-sprite-animation.cjs.prod.js.map

package/dist/plugin-renderer-sprite-animation.cjs.prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-renderer-sprite-animation.cjs.prod.js","sources":["../lib/component.ts","../lib/system.ts"],"sourcesContent":["import { Component, decorators } from '@eva/eva.js';\nimport { SpriteAnimation as SpriteAnimationEngine } from '@eva/renderer-adapter';\n\nexport interface SpriteAnimationParams {\n  resource: string;\n  autoPlay: boolean;\n  speed: number;\n}\n\nexport default class SpriteAnimation extends Component<SpriteAnimationParams> {\n  static componentName: string = 'SpriteAnimation';\n  @decorators.IDEProp resource: string = '';\n  @decorators.IDEProp autoPlay: boolean = true;\n  @decorators.IDEProp speed: number = 100;\n  _animate: SpriteAnimationEngine;\n  private waitPlay: boolean = false;\n  private waitStop: boolean = false;\n  private times: number = Infinity;\n  private count: number = 0;\n  init(obj?: SpriteAnimationParams) {\n    obj && Object.assign(this, obj);\n    this.on('loop', () => {\n      if (++this.count >= this.times) {\n        this.animate.stop();\n        this.emit('complete');\n      }\n    });\n  }\n  play(times = Infinity) {\n    if (times === 0) {\n      return;\n    }\n    this.times = times;\n    if (!this.animate) {\n      this.waitPlay = true;\n    } else {\n      this.animate.play();\n      this.count = 0;\n    }\n  }\n  stop() {\n    if (!this.animate) {\n      this.waitStop = true;\n    } else {\n      this.animate.stop();\n    }\n  }\n  set animate(val) {\n    this._animate = val;\n    if (this.waitPlay) {\n      this.waitPlay = false;\n      this.play(this.times);\n    }\n    if (this.waitStop) {\n      this.waitStop = false;\n      this.stop();\n    }\n  }\n  get animate() {\n    return this._animate;\n  }\n  gotoAndPlay(frameNumber) {\n    this.animate.gotoAndPlay(frameNumber);\n  }\n  gotoAndStop(frameNumber) {\n    this.animate.gotoAndStop(frameNumber);\n  }\n}\n","import { GameObject, decorators, resource, ComponentChanged, RESOURCE_TYPE, OBSERVER_TYPE } from '@eva/eva.js';\nimport { RendererManager, ContainerManager, RendererSystem, Renderer } from '@eva/plugin-renderer';\nimport { SpriteAnimation as SpriteAnimationEngine } from '@eva/renderer-adapter';\nimport { Spritesheet, BaseTexture } from 'pixi.js';\n\nimport SpriteAnimationComponent from './component';\n\nconst resourceKeySplit = '_s|r|c_';\n\nresource.registerInstance(RESOURCE_TYPE.SPRITE_ANIMATION, ({ name, data }) => {\n  return new Promise(r => {\n    const textureObj = data.json;\n    const texture = BaseTexture.from(data.image);\n    const frames = textureObj.frames || {};\n    const animations = textureObj.animations || {};\n    const newFrames = {};\n    for (const key in frames) {\n      const newKey = name + resourceKeySplit + key;\n      newFrames[newKey] = frames[key];\n    }\n    for (const key in animations) {\n      const spriteList = [];\n      if (animations[key] && animations[key].length >= 0) {\n        for (const spriteName of animations[key]) {\n          const newSpriteName = name + resourceKeySplit + spriteName;\n          spriteList.push(newSpriteName);\n        }\n      }\n      animations[key] = spriteList;\n    }\n    textureObj.frames = newFrames;\n    const spriteSheet = new Spritesheet(texture, textureObj);\n    spriteSheet.parse(() => {\n      const { textures } = spriteSheet;\n      const spriteFrames = [];\n      for (const key in textures) {\n        spriteFrames.push(textures[key]);\n      }\n      r(spriteFrames);\n    });\n  });\n});\nresource.registerDestroy(RESOURCE_TYPE.SPRITE_ANIMATION, ({ instance }) => {\n  if (!instance) return;\n  for (const texture of instance) {\n    texture.destroy(true);\n  }\n});\n\n@decorators.componentObserver({\n  SpriteAnimation: ['speed', 'resource'],\n})\nexport default class SpriteAnimation extends Renderer {\n  static systemName = 'SpriteAnimation';\n  name: string = 'SpriteAnimation';\n  animates: { [propName: number]: SpriteAnimationEngine } = {};\n  autoPlay: { [propName: number]: boolean } = {};\n  renderSystem: RendererSystem;\n  rendererManager: RendererManager;\n  containerManager: ContainerManager;\n  init() {\n    this.renderSystem = this.game.getSystem(RendererSystem) as RendererSystem;\n    this.renderSystem.rendererManager.register(this);\n  }\n  rendererUpdate(gameObject: GameObject) {\n    const { width, height } = gameObject.transform.size;\n    if (this.animates[gameObject.id]) {\n      this.animates[gameObject.id].animatedSprite.width = width;\n      this.animates[gameObject.id].animatedSprite.height = height;\n    }\n  }\n  async componentChanged(changed: ComponentChanged) {\n    if (changed.componentName === 'SpriteAnimation') {\n      const component: SpriteAnimationComponent = changed.component as SpriteAnimationComponent;\n      this.autoPlay[changed.gameObject.id] = component.autoPlay;\n      if (changed.type === OBSERVER_TYPE.ADD) {\n        const { instance: frames } = await resource.getResource(component.resource);\n        if (!frames) {\n          console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);\n        }\n        this.add({\n          frames: frames,\n          id: changed.gameObject.id,\n          component,\n        });\n      } else if (changed.type === OBSERVER_TYPE.CHANGE) {\n        if (changed.prop && changed.prop.prop[0] === 'speed') {\n          this.animates[changed.gameObject.id].speed = 1000 / 60 / component.speed;\n        } else {\n          const { instance: frames } = await resource.getResource(component.resource);\n          if (!frames) {\n            console.error(`GameObject:${changed.gameObject.name}'s Img resource load error`);\n          }\n          this.change({\n            frames: frames,\n            id: changed.gameObject.id,\n            component,\n          });\n        }\n      } else if (changed.type === OBSERVER_TYPE.REMOVE) {\n        this.remove(changed.gameObject.id);\n      }\n    }\n  }\n  add({ frames, id, component }) {\n    const animate = new SpriteAnimationEngine({ frames });\n    this.animates[id] = animate;\n    this.containerManager.getContainer(id).addChildAt(animate.animatedSprite, 0);\n\n    animate.animatedSprite.onComplete = () => {\n      component.emit('complete');\n    };\n    animate.animatedSprite.onFrameChange = () => {\n      component.emit('frameChange');\n    };\n    animate.animatedSprite.onLoop = () => {\n      component.emit('loop');\n    };\n\n    component.animate = this.animates[id];\n    this.animates[id].speed = 1000 / 60 / component.speed;\n    if (this.autoPlay[id]) {\n      animate.animatedSprite.play();\n    }\n  }\n  change({ frames, id, component }) {\n    this.remove(id, true);\n    this.add({ frames, id, component });\n  }\n  remove(id, isChange?: boolean) {\n    const animate = this.animates[id];\n    this.autoPlay[id] = animate.animatedSprite.playing;\n    this.containerManager.getContainer(id).removeChild(animate.animatedSprite);\n    animate.animatedSprite.destroy({ children: true });\n    delete this.animates[id];\n    if (!isChange) {\n      delete this.autoPlay[id];\n    }\n  }\n}\n"],"names":["_this","Infinity","__extends","SpriteAnimation","obj","Object","assign","this","on","count","times","animate","stop","emit","play","waitPlay","waitStop","_animate","val","frameNumber","gotoAndPlay","gotoAndStop","__decorate","decorators","IDEProp","Component","resource","registerInstance","RESOURCE_TYPE","SPRITE_ANIMATION","_a","name","data","Promise","r","textureObj","json","texture","BaseTexture","from","image","frames","animations","newFrames","key","spriteList","length","_b","__values","spriteName","newSpriteName","push","spriteSheet","Spritesheet","parse","textures","spriteFrames","registerDestroy","instance","instance_1","destroy","renderSystem","game","getSystem","RendererSystem","rendererManager","register","gameObject","transform","size","width","height","animates","id","animatedSprite","changed","componentName","component","autoPlay","type","OBSERVER_TYPE","ADD","getResource","frames_1","console","error","add","CHANGE","prop","speed","frames_2","change","REMOVE","remove","SpriteAnimationEngine","containerManager","getContainer","addChildAt","onComplete","onFrameChange","onLoop","isChange","playing","removeChild","children","componentObserver","Renderer"],"mappings":"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"}

package/dist/plugin-renderer-sprite-animation.esm.js

@@ -1,6 +1,7 @@
-import { decorators, Component, resource, RESOURCE_TYPE, OBSERVER_TYPE } from '@eva/eva.js';
+import { Component, resource, RESOURCE_TYPE, decorators, OBSERVER_TYPE } from '@eva/eva.js';
+import { type, step } from '@eva/inspector-decorator';
 import { RendererSystem, Renderer } from '@eva/plugin-renderer';
-import { SpriteAnimation as SpriteAnimation$2 } from '@eva/renderer-adapter';
+import { SpriteAnimation as SpriteAnimation$4 } from '@eva/renderer-adapter';
 import { BaseTexture, Spritesheet } from 'pixi.js';
 
 /*! *****************************************************************************
@@ -87,17 +88,19 @@ function __values(o) {
     };
 }
 
-var SpriteAnimation$1 = (function (_super) {
+var SpriteAnimation$2 = (function (_super) {
     __extends(SpriteAnimation, _super);
     function SpriteAnimation() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.resource = '';
         _this.autoPlay = true;
         _this.speed = 100;
+        _this.forwards = false;
         _this.waitPlay = false;
         _this.waitStop = false;
         _this.times = Infinity;
         _this.count = 0;
+        _this.complete = false;
         return _this;
     }
     SpriteAnimation.prototype.init = function (obj) {
@@ -105,7 +108,13 @@ var SpriteAnimation$1 = (function (_super) {
         obj && Object.assign(this, obj);
         this.on('loop', function () {
             if (++_this.count >= _this.times) {
-                _this.animate.stop();
+                if (_this.forwards) {
+                    _this.gotoAndStop(_this.totalFrames - 1);
+                }
+                else {
+                    _this.animate.stop();
+                }
+                _this.complete = true;
                 _this.emit('complete');
             }
         });
@@ -120,8 +129,12 @@ var SpriteAnimation$1 = (function (_super) {
             this.waitPlay = true;
         }
         else {
+            if (this.complete) {
+                this.gotoAndStop(0);
+            }
             this.animate.play();
             this.count = 0;
+            this.complete = false;
         }
     };
     SpriteAnimation.prototype.stop = function () {
@@ -156,18 +169,39 @@ var SpriteAnimation$1 = (function (_super) {
     SpriteAnimation.prototype.gotoAndStop = function (frameNumber) {
         this.animate.gotoAndStop(frameNumber);
     };
+    Object.defineProperty(SpriteAnimation.prototype, "currentFrame", {
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.animate) === null || _a === void 0 ? void 0 : _a.animatedSprite) === null || _b === void 0 ? void 0 : _b.currentFrame;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SpriteAnimation.prototype, "totalFrames", {
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.animate) === null || _a === void 0 ? void 0 : _a.animatedSprite) === null || _b === void 0 ? void 0 : _b.totalFrames;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SpriteAnimation.componentName = 'SpriteAnimation';
     __decorate([
-        decorators.IDEProp
+        type('string')
     ], SpriteAnimation.prototype, "resource", void 0);
     __decorate([
-        decorators.IDEProp
+        type('boolean')
     ], SpriteAnimation.prototype, "autoPlay", void 0);
     __decorate([
-        decorators.IDEProp
+        type('number'),
+        step(10)
     ], SpriteAnimation.prototype, "speed", void 0);
+    __decorate([
+        type('boolean')
+    ], SpriteAnimation.prototype, "forwards", void 0);
     return SpriteAnimation;
-}(Component));
+}(Component));
+var SpriteAnimation$3 = SpriteAnimation$2;
 
 var resourceKeySplit = '_s|r|c_';
 resource.registerInstance(RESOURCE_TYPE.SPRITE_ANIMATION, function (_a) {
@@ -256,17 +290,21 @@ var SpriteAnimation = (function (_super) {
     };
     SpriteAnimation.prototype.componentChanged = function (changed) {
         return __awaiter(this, void 0, void 0, function () {
-            var component, frames_1, frames_2;
+            var gameObjectId, component, asyncId, frames_1, asyncId, frames_2;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        gameObjectId = changed.gameObject.id;
                         if (!(changed.componentName === 'SpriteAnimation')) return [3, 7];
                         component = changed.component;
                         this.autoPlay[changed.gameObject.id] = component.autoPlay;
                         if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 2];
+                        asyncId = this.increaseAsyncId(gameObjectId);
                         return [4, resource.getResource(component.resource)];
                     case 1:
                         frames_1 = (_a.sent()).instance;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
                         if (!frames_1) {
                             console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
                         }
@@ -281,9 +319,13 @@ var SpriteAnimation = (function (_super) {
                         if (!(changed.prop && changed.prop.prop[0] === 'speed')) return [3, 3];
                         this.animates[changed.gameObject.id].speed = 1000 / 60 / component.speed;
                         return [3, 5];
-                    case 3: return [4, resource.getResource(component.resource)];
+                    case 3:
+                        asyncId = this.increaseAsyncId(gameObjectId);
+                        return [4, resource.getResource(component.resource)];
                     case 4:
                         frames_2 = (_a.sent()).instance;
+                        if (!this.validateAsyncId(gameObjectId, asyncId))
+                            return [2];
                         if (!frames_2) {
                             console.error("GameObject:" + changed.gameObject.name + "'s Img resource load error");
                         }
@@ -296,6 +338,7 @@ var SpriteAnimation = (function (_super) {
                     case 5: return [3, 7];
                     case 6:
                         if (changed.type === OBSERVER_TYPE.REMOVE) {
+                            this.increaseAsyncId(gameObjectId);
                             this.remove(changed.gameObject.id);
                         }
                         _a.label = 7;
@@ -306,7 +349,7 @@ var SpriteAnimation = (function (_super) {
     };
     SpriteAnimation.prototype.add = function (_a) {
         var frames = _a.frames, id = _a.id, component = _a.component;
-        var animate = new SpriteAnimation$2({ frames: frames });
+        var animate = new SpriteAnimation$4({ frames: frames });
         this.animates[id] = animate;
         this.containerManager.getContainer(id).addChildAt(animate.animatedSprite, 0);
         animate.animatedSprite.onComplete = function () {
@@ -331,6 +374,8 @@ var SpriteAnimation = (function (_super) {
     };
     SpriteAnimation.prototype.remove = function (id, isChange) {
         var animate = this.animates[id];
+        if (!animate)
+            return;
         this.autoPlay[id] = animate.animatedSprite.playing;
         this.containerManager.getContainer(id).removeChild(animate.animatedSprite);
         animate.animatedSprite.destroy({ children: true });
@@ -346,6 +391,7 @@ var SpriteAnimation = (function (_super) {
         })
     ], SpriteAnimation);
     return SpriteAnimation;
-}(Renderer));
+}(Renderer));
+var SpriteAnimation$1 = SpriteAnimation;
 
-export { SpriteAnimation$1 as SpriteAnimation, SpriteAnimation as SpriteAnimationSystem };
+export { SpriteAnimation$3 as SpriteAnimation, SpriteAnimation$1 as SpriteAnimationSystem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-sprite-animation",
-  "version": "1.1.1-beta.0",
+  "version": "1.1.1-fix.2",
   "description": "@eva/plugin-renderer-sprite-animation",
   "main": "index.js",
   "module": "dist/plugin-renderer-sprite-animation.esm.js",
@@ -18,9 +18,9 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/plugin-renderer": "1.1.1-beta.0",
-    "@eva/renderer-adapter": "1.1.1-beta.0",
-    "@eva/eva.js": "1.1.1-beta.0",
+    "@eva/plugin-renderer": "1.1.1-fix.2",
+    "@eva/renderer-adapter": "1.1.1-fix.2",
+    "@eva/eva.js": "1.1.1-fix.2",
     "pixi.js": "^4.8.7"
   }
 }

package/dist/vite-test/dist/assets/Graphics.f535ed8f.d.ts

@@ -1,6 +0,0 @@
-export { e as G };
-declare const e_base: any;
-declare class e extends e_base {
-    [x: string]: any;
-}
-//# sourceMappingURL=Graphics.f535ed8f.d.ts.map

package/dist/vite-test/dist/assets/Graphics.f535ed8f.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Graphics.f535ed8f.d.ts","sourceRoot":"","sources":["Graphics.f535ed8f.js"],"names":[],"mappings":";;AAA2C;;CAA4B"}

package/dist/vite-test/dist/assets/Sprite.703a9f94.d.ts

@@ -1,9 +0,0 @@
-export { t as S };
-declare class t {
-    constructor(t: any);
-    _image: any;
-    sprite: any;
-    set image(arg: any);
-    get image(): any;
-}
-//# sourceMappingURL=Sprite.703a9f94.d.ts.map

package/dist/vite-test/dist/assets/Sprite.703a9f94.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sprite.703a9f94.d.ts","sourceRoot":"","sources":["Sprite.703a9f94.js"],"names":[],"mappings":";AAA2C;IAAQ,oBAA0L;IAA3K,YAAgB;IAA+C,YAA4B;IAAgF,oBAAyN;IAAA,iBAA+B;CAAC"}

package/dist/vite-test/dist/assets/a11y.9b3ce839.d.ts

@@ -1,4 +0,0 @@
-declare function G(t: any): Promise<any>;
-declare const Y: "a11y";
-export { G as init, Y as name };
-//# sourceMappingURL=a11y.9b3ce839.d.ts.map

package/dist/vite-test/dist/assets/a11y.9b3ce839.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.9b3ce839.d.ts","sourceRoot":"","sources":["a11y.9b3ce839.js"],"names":[],"mappings":"AAAsvO,yCAAiiI;AAAhjI,wBAAe"}

package/dist/vite-test/dist/assets/component.caf56816.d.ts

@@ -1,4 +0,0 @@
-declare function p(m: any): Promise<any>;
-declare const m: "component";
-export { p as init, m as name };
-//# sourceMappingURL=component.caf56816.d.ts.map

package/dist/vite-test/dist/assets/component.caf56816.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.caf56816.d.ts","sourceRoot":"","sources":["component.caf56816.js"],"names":[],"mappings":"AAAuP,yCAAkyD;AAAtzD,6BAAoB"}

package/dist/vite-test/dist/assets/compressed-texture-animation.6dcf9ab4.d.ts

@@ -1,4 +0,0 @@
-declare function f(i: any): Promise<any>;
-declare const y: "compressed-texture-animation";
-export { f as init, y as name };
-//# sourceMappingURL=compressed-texture-animation.6dcf9ab4.d.ts.map

package/dist/vite-test/dist/assets/compressed-texture-animation.6dcf9ab4.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compressed-texture-animation.6dcf9ab4.d.ts","sourceRoot":"","sources":["compressed-texture-animation.6dcf9ab4.js"],"names":[],"mappings":"AAAykB,yCAAwsF;AAArvF,gDAAuC"}

package/dist/vite-test/dist/assets/compressed-texture-mipmap.cc4fada9.d.ts

@@ -1,4 +0,0 @@
-declare function p(a: any): Promise<any>;
-declare const a: "compressed-texture-mipmap";
-export { p as init, a as name };
-//# sourceMappingURL=compressed-texture-mipmap.cc4fada9.d.ts.map

package/dist/vite-test/dist/assets/compressed-texture-mipmap.cc4fada9.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compressed-texture-mipmap.cc4fada9.d.ts","sourceRoot":"","sources":["compressed-texture-mipmap.cc4fada9.js"],"names":[],"mappings":"AAAyP,yCAAq6D;AAAz8D,6CAAoC"}

package/dist/vite-test/dist/assets/compressed-texture.07a67c9f.d.ts

@@ -1,4 +0,0 @@
-declare function c(i: any): Promise<any>;
-declare const i: "compressed-textures";
-export { c as init, i as name };
-//# sourceMappingURL=compressed-texture.07a67c9f.d.ts.map

package/dist/vite-test/dist/assets/compressed-texture.07a67c9f.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compressed-texture.07a67c9f.d.ts","sourceRoot":"","sources":["compressed-texture.07a67c9f.js"],"names":[],"mappings":"AAA8O,yCAA25B;AAAz7B,uCAA8B"}

package/dist/vite-test/dist/assets/dragonbone.bfd80a38.d.ts

@@ -1,4 +0,0 @@
-declare function d(m: any): Promise<any>;
-declare const m: "dragonbone";
-export { d as init, m as name };
-//# sourceMappingURL=dragonbone.bfd80a38.d.ts.map

package/dist/vite-test/dist/assets/dragonbone.bfd80a38.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dragonbone.bfd80a38.d.ts","sourceRoot":"","sources":["dragonbone.bfd80a38.js"],"names":[],"mappings":"AAA6M,yCAAghC;AAAriC,8BAAqB"}

package/dist/vite-test/dist/assets/event.0de0fd28.d.ts

@@ -1,4 +0,0 @@
-declare function l(d: any): Promise<any>;
-declare const d: "event";
-export { l as init, d as name };
-//# sourceMappingURL=event.0de0fd28.d.ts.map

package/dist/vite-test/dist/assets/event.0de0fd28.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"event.0de0fd28.d.ts","sourceRoot":"","sources":["event.0de0fd28.js"],"names":[],"mappings":"AAA4R,yCAA+kC;AAA/lC,yBAAgB"}

package/dist/vite-test/dist/assets/graphics.df3659e9.d.ts

@@ -1,4 +0,0 @@
-declare function s(a: any): Promise<any>;
-declare const a: "graphics";
-export { s as init, a as name };
-//# sourceMappingURL=graphics.df3659e9.d.ts.map

package/dist/vite-test/dist/assets/graphics.df3659e9.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"graphics.df3659e9.d.ts","sourceRoot":"","sources":["graphics.df3659e9.js"],"names":[],"mappings":"AAA4N,yCAA2zB;AAA90B,4BAAmB"}

package/dist/vite-test/dist/assets/image.9d7f7b54.d.ts

@@ -1,4 +0,0 @@
-declare function m(i: any): Promise<any>;
-declare const i: "image";
-export { m as init, i as name };
-//# sourceMappingURL=image.9d7f7b54.d.ts.map

package/dist/vite-test/dist/assets/image.9d7f7b54.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.9d7f7b54.d.ts","sourceRoot":"","sources":["image.9d7f7b54.js"],"names":[],"mappings":"AAAqO,yCAA6oB;AAA7pB,yBAAgB"}

package/dist/vite-test/dist/assets/index.cf7bfffd.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.cf7bfffd.d.ts.map

package/dist/vite-test/dist/assets/index.cf7bfffd.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cf7bfffd.d.ts","sourceRoot":"","sources":["index.cf7bfffd.js"],"names":[],"mappings":""}

package/dist/vite-test/dist/assets/loader.03643d14.d.ts

@@ -1,4 +0,0 @@
-declare function n(): Promise<any>;
-declare const o: "loader";
-export { n as init, o as name };
-//# sourceMappingURL=loader.03643d14.d.ts.map