@eva/spine-base 1.2.2-alpha.0

package/dist/spine-base.cjs.js

@@ -0,0 +1,493 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var eva_js = require('@eva/eva.js');
+var pluginRenderer = require('@eva/plugin-renderer');
+var inspectorDecorator = require('@eva/inspector-decorator');
+var pixi_js = require('pixi.js');
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+var Spine = (function (_super) {
+    __extends(Spine, _super);
+    function Spine() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.resource = '';
+        _this.animationName = '';
+        _this.autoPlay = true;
+        return _this;
+    }
+    Spine.prototype.init = function (obj) {
+        if (!obj)
+            return;
+        Object.assign(this, obj);
+        if (this.autoPlay) {
+            this.play(this.animationName);
+        }
+    };
+    Spine.prototype.onDestroy = function () {
+        this.destroied = true;
+    };
+    Spine.prototype.play = function (name, loop, track) {
+        try {
+            if (name)
+                this.animationName = name;
+            if (!this.armature) {
+            }
+            else {
+                if (track === undefined) {
+                    track = 0;
+                }
+                this.armature.state.setAnimation(track, this.animationName, loop);
+            }
+        }
+        catch (e) {
+            console.log(e);
+        }
+    };
+    Spine.prototype.stop = function (track) {
+        if (!this.armature) {
+            return;
+        }
+        if (track === undefined) {
+            track = 0;
+        }
+        this.armature.state.setEmptyAnimation(track, 0);
+    };
+    Spine.prototype.addAnimation = function (name, delay, loop, track) {
+        try {
+            if (!this.armature) {
+            }
+            else {
+                if (track === undefined) {
+                    track = 0;
+                }
+                this.armature.state.addAnimation(track, name, loop, delay);
+            }
+        }
+        catch (e) {
+            console.log(e);
+        }
+    };
+    Spine.prototype.setMix = function (from, to, duration) {
+        if (!this.armature) ;
+        else {
+            this.armature.stateData.setMix(from, to, duration);
+        }
+    };
+    Spine.prototype.getAnim = function (track) {
+        if (track === void 0) { track = 0; }
+        try {
+            if (!this.armature) {
+            }
+            else {
+                return this.armature.state.tracks[track].animation.name;
+            }
+        }
+        catch (e) {
+            console.log(e);
+        }
+    };
+    Spine.prototype.setDefaultMix = function (duration) {
+        if (!this.armature) ;
+        else {
+            this.armature.stateData.defaultMix = duration;
+        }
+    };
+    Spine.prototype.setAttachment = function (slotName, attachmentName) {
+        if (!this.armature) {
+            return;
+        }
+        this.armature.skeleton.setAttachment(slotName, attachmentName);
+    };
+    Spine.prototype.getBone = function (boneName) {
+        if (!this.armature) {
+            return;
+        }
+        return this.armature.skeleton.findBone(boneName);
+    };
+    Spine.componentName = 'Spine';
+    __decorate([
+        inspectorDecorator.type('string')
+    ], Spine.prototype, "resource", void 0);
+    __decorate([
+        inspectorDecorator.type('string')
+    ], Spine.prototype, "animationName", void 0);
+    __decorate([
+        inspectorDecorator.type('boolean')
+    ], Spine.prototype, "autoPlay", void 0);
+    return Spine;
+}(eva_js.Component));
+var Spine$1 = Spine;
+
+var texCache = {};
+function cacheImage(data) {
+    var oldImg = data.image;
+    return {
+        tex: pixi_js.Texture.from(oldImg),
+        count: 0,
+    };
+}
+function retainTexture(name, data) {
+    var cache = texCache[name];
+    if (!cache) {
+        cache = cacheImage(data);
+        texCache[name] = cache;
+    }
+    cache.count++;
+    return cache.tex;
+}
+function getTexture(imageSrc, data) {
+    var cache = texCache[imageSrc];
+    if (!cache) {
+        cache = cacheImage(data);
+        texCache[imageSrc] = cache;
+    }
+    return cache.tex;
+}
+function releaseTexture(imageSrc) {
+    if (!imageSrc)
+        return;
+    setTimeout(function () {
+        var cache = texCache[imageSrc];
+        if (cache) {
+            cache.count--;
+            if (cache.count <= 0) {
+                if (cache.tex) {
+                    cache.tex.destroy(true);
+                    cache.tex = null;
+                }
+                delete texCache[imageSrc];
+            }
+        }
+    }, 100);
+}
+
+var dataMap = {};
+function createSpineData(name, data, scale, pixiSpine) {
+    var spineData = null;
+    var img = getTexture(data.image.src, data);
+    new pixiSpine.core.TextureAtlas(data.atlas, function (line, callback) {
+        callback(img.baseTexture);
+    }, function (spineAtlas) {
+        if (spineAtlas) {
+            var attachmentLoader = new pixiSpine.core.AtlasAttachmentLoader(spineAtlas);
+            var spineJsonParser = new pixiSpine.core.SkeletonJson(attachmentLoader);
+            if (scale) {
+                spineJsonParser.scale = scale;
+            }
+            spineData = spineJsonParser.readSkeletonData(data.ske);
+        }
+    });
+    var obj = { spineData: spineData, ref: 0, imageSrc: data.image.src };
+    dataMap[name] = obj;
+    return obj;
+}
+function getSpineData(res, pixiSpine) {
+    return __awaiter(this, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            data = dataMap[res.name];
+            if (!data) {
+                if (res.complete) {
+                    data = createSpineData(res.name, res.data, res.scale, pixiSpine);
+                }
+                else if (!data) {
+                    return [2];
+                }
+            }
+            retainTexture(res.data.image.src, res.data);
+            data.ref++;
+            return [2, data.spineData];
+        });
+    });
+}
+function releaseSpineData(resourceName, imageSrc) {
+    var data = dataMap[resourceName];
+    if (!data) {
+        return;
+    }
+    data.ref--;
+    if (data.ref <= 0) {
+        releaseTexture(imageSrc);
+        delete dataMap[resourceName];
+    }
+}
+
+var MaxRetryCount = 20;
+var SpineSystem = (function (_super) {
+    __extends(SpineSystem, _super);
+    function SpineSystem() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.armatures = {};
+        return _this;
+    }
+    SpineSystem.prototype.init = function (_a) {
+        var _this = this;
+        var pixiSpine = _a.pixiSpine;
+        this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
+        this.renderSystem.rendererManager.register(this);
+        this.pixiSpine = pixiSpine;
+        this.game.canvas.addEventListener('webglcontextrestored', function () {
+            var objs = _this.game.gameObjects;
+            var toAdd = [];
+            for (var k in _this.armatures) {
+                var id = +k;
+                for (var i = 0; i < objs.length; ++i) {
+                    var obj = objs[i];
+                    if (obj.id === id) {
+                        var sp = obj.getComponent(Spine$1);
+                        if (sp) {
+                            _this.remove({
+                                type: eva_js.OBSERVER_TYPE.REMOVE,
+                                gameObject: obj,
+                                component: sp,
+                                componentName: Spine$1.componentName,
+                            });
+                            toAdd.push({
+                                type: eva_js.OBSERVER_TYPE.ADD,
+                                gameObject: obj,
+                                component: sp,
+                                componentName: Spine$1.componentName,
+                            });
+                        }
+                        break;
+                    }
+                }
+            }
+            setTimeout(function () {
+                toAdd.forEach(function (obj) {
+                    _this.add(obj);
+                });
+            }, 1000);
+        }, false);
+    };
+    SpineSystem.prototype.update = function (e) {
+        for (var key in this.armatures) {
+            this.armatures[key].update(e.deltaTime * 0.001);
+            this.armatures[key].updateTransform();
+        }
+        _super.prototype.update.call(this);
+    };
+    SpineSystem.prototype.componentChanged = function (changed) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                if (changed.componentName === 'Spine') {
+                    if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+                        this.add(changed);
+                    }
+                    else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+                        switch (changed.prop.prop[0]) {
+                            case 'resource':
+                                this.change(changed);
+                                break;
+                        }
+                    }
+                    else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                        this.remove(changed);
+                    }
+                }
+                return [2];
+            });
+        });
+    };
+    SpineSystem.prototype.add = function (changed, count) {
+        return __awaiter(this, void 0, void 0, function () {
+            var component, res, spineData, container, armature, tran;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        component = changed.component;
+                        clearTimeout(component.addHandler);
+                        return [4, eva_js.resource.getResource(component.resource)];
+                    case 1:
+                        res = _a.sent();
+                        return [4, getSpineData(res, this.pixiSpine)];
+                    case 2:
+                        spineData = _a.sent();
+                        if (!spineData) {
+                            component.addHandler = setTimeout(function () {
+                                if (!component.destroied) {
+                                    if (count === undefined) {
+                                        count = MaxRetryCount;
+                                    }
+                                    count--;
+                                    if (count > 0) {
+                                        _this.add(changed, count);
+                                    }
+                                    else {
+                                        console.log('retry exceed max times', component.resource);
+                                    }
+                                }
+                            }, 1000);
+                            return [2];
+                        }
+                        this.remove(changed);
+                        container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
+                        if (!container) {
+                            return [2];
+                        }
+                        component.lastResource = component.resource;
+                        armature = new this.pixiSpine.Spine(spineData);
+                        this.armatures[changed.gameObject.id] = armature;
+                        if (changed.gameObject && changed.gameObject.transform) {
+                            tran = changed.gameObject.transform;
+                            armature.x = tran.size.width * tran.origin.x;
+                            armature.y = tran.size.height * tran.origin.y;
+                        }
+                        container.addChildAt(armature, 0);
+                        armature.update();
+                        armature.updateTransform();
+                        component.armature = armature;
+                        if (component.autoPlay) {
+                            try {
+                                armature.state.setAnimation(0, component.animationName, true);
+                            }
+                            catch (e) {
+                                console.log(e);
+                            }
+                        }
+                        component.emit('loaded', { resource: component.resource });
+                        armature.state.addListener({
+                            start: function (track, event) {
+                                component.emit('start', { track: track, name: track.animation.name });
+                            },
+                            complete: function (track, event) {
+                                component.emit('complete', { track: track, name: track.animation.name });
+                            },
+                            interrupt: function (track, event) {
+                                component.emit('interrupt', { track: track, name: track.animation.name });
+                            },
+                            end: function (track, event) {
+                                component.emit('end', { track: track, name: track.animation.name });
+                            },
+                            event: function (track, event) {
+                                component.emit('event', track, event);
+                            },
+                        });
+                        return [2];
+                }
+            });
+        });
+    };
+    SpineSystem.prototype.change = function (changed) {
+        this.remove(changed);
+        this.add(changed);
+    };
+    SpineSystem.prototype.remove = function (changed) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function () {
+            var component, armature, container, res;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        component = changed.component;
+                        clearTimeout(component.addHandler);
+                        armature = this.armatures[changed.gameObject.id];
+                        container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
+                        if (container && armature) {
+                            container.removeChild(armature);
+                        }
+                        if (!component.armature) return [3, 2];
+                        component.armature.destroy({ children: true });
+                        return [4, eva_js.resource.getResource(component.lastResource)];
+                    case 1:
+                        res = _c.sent();
+                        releaseSpineData(res.name, (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.image) === null || _b === void 0 ? void 0 : _b.src);
+                        _c.label = 2;
+                    case 2:
+                        component.armature = null;
+                        delete this.armatures[changed.gameObject.id];
+                        if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) ;
+                        return [2];
+                }
+            });
+        });
+    };
+    SpineSystem.systemName = 'SpineSystem';
+    SpineSystem = __decorate([
+        eva_js.decorators.componentObserver({
+            Spine: ['resource'],
+        })
+    ], SpineSystem);
+    return SpineSystem;
+}(pluginRenderer.Renderer));
+var SpineSystem$1 = SpineSystem;
+
+eva_js.resource.registerResourceType('SPINE');
+
+exports.Spine = Spine$1;
+exports.SpineSystem = SpineSystem$1;

package/dist/spine-base.cjs.prod.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),t=require("@eva/plugin-renderer"),r=require("@eva/inspector-decorator"),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 a(e,t){function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function i(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function s(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){e.done?o(e.value):new r((function(t){t(e.value)})).then(i,s)}u((n=n.apply(e,t||[])).next())}))}function u(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(a){return function(s){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}}var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.animationName="",t.autoPlay=!0,t}return a(t,e),t.prototype.init=function(e){e&&(Object.assign(this,e),this.autoPlay&&this.play(this.animationName))},t.prototype.onDestroy=function(){this.destroied=!0},t.prototype.play=function(e,t,r){try{e&&(this.animationName=e),this.armature&&(void 0===r&&(r=0),this.armature.state.setAnimation(r,this.animationName,t))}catch(e){console.log(e)}},t.prototype.stop=function(e){this.armature&&(void 0===e&&(e=0),this.armature.state.setEmptyAnimation(e,0))},t.prototype.addAnimation=function(e,t,r,n){try{this.armature&&(void 0===n&&(n=0),this.armature.state.addAnimation(n,e,r,t))}catch(e){console.log(e)}},t.prototype.setMix=function(e,t,r){this.armature&&this.armature.stateData.setMix(e,t,r)},t.prototype.getAnim=function(e){void 0===e&&(e=0);try{if(this.armature)return this.armature.state.tracks[e].animation.name}catch(e){console.log(e)}},t.prototype.setDefaultMix=function(e){this.armature&&(this.armature.stateData.defaultMix=e)},t.prototype.setAttachment=function(e,t){this.armature&&this.armature.skeleton.setAttachment(e,t)},t.prototype.getBone=function(e){if(this.armature)return this.armature.skeleton.findBone(e)},t.componentName="Spine",i([r.type("string")],t.prototype,"resource",void 0),i([r.type("string")],t.prototype,"animationName",void 0),i([r.type("boolean")],t.prototype,"autoPlay",void 0),t}(e.Component),m={};function p(e){var t=e.image;return{tex:n.Texture.from(t),count:0}}var l={};function f(e,t,r,n){var o=null,a=function(e,t){var r=m[e];return r||(r=p(t),m[e]=r),r.tex}(t.image.src,t);new n.core.TextureAtlas(t.atlas,(function(e,t){t(a.baseTexture)}),(function(e){if(e){var a=new n.core.AtlasAttachmentLoader(e),i=new n.core.SkeletonJson(a);r&&(i.scale=r),o=i.readSkeletonData(t.ske)}}));var i={spineData:o,ref:0,imageSrc:t.image.src};return l[e]=i,i}function d(e,t){return s(this,void 0,void 0,(function(){var r;return u(this,(function(n){if(!(r=l[e.name]))if(e.complete)r=f(e.name,e.data,e.scale,t);else if(!r)return[2];return function(e,t){var r=m[e];r||(r=p(t),m[e]=r),r.count++,r.tex}(e.data.image.src,e.data),r.ref++,[2,r.spineData]}))}))}function h(e,t){var r=l[e];r&&(r.ref--,r.ref<=0&&(!function(e){e&&setTimeout((function(){var t=m[e];t&&(t.count--,t.count<=0&&(t.tex&&(t.tex.destroy(!0),t.tex=null),delete m[e]))}),100)}(t),delete l[e]))}var y=function(r){function n(){var e=null!==r&&r.apply(this,arguments)||this;return e.armatures={},e}return a(n,r),n.prototype.init=function(r){var n=this,o=r.pixiSpine;this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this),this.pixiSpine=o,this.game.canvas.addEventListener("webglcontextrestored",(function(){var t=n.game.gameObjects,r=[];for(var o in n.armatures)for(var a=+o,i=0;i<t.length;++i){var s=t[i];if(s.id===a){var u=s.getComponent(c);u&&(n.remove({type:e.OBSERVER_TYPE.REMOVE,gameObject:s,component:u,componentName:c.componentName}),r.push({type:e.OBSERVER_TYPE.ADD,gameObject:s,component:u,componentName:c.componentName}));break}}setTimeout((function(){r.forEach((function(e){n.add(e)}))}),1e3)}),!1)},n.prototype.update=function(e){for(var t in this.armatures)this.armatures[t].update(.001*e.deltaTime),this.armatures[t].updateTransform();r.prototype.update.call(this)},n.prototype.componentChanged=function(t){return s(this,void 0,void 0,(function(){return u(this,(function(r){if("Spine"===t.componentName)if(t.type===e.OBSERVER_TYPE.ADD)this.add(t);else if(t.type===e.OBSERVER_TYPE.CHANGE)switch(t.prop.prop[0]){case"resource":this.change(t)}else t.type===e.OBSERVER_TYPE.REMOVE&&this.remove(t);return[2]}))}))},n.prototype.add=function(t,r){return s(this,void 0,void 0,(function(){var n,o,a,i,s,c=this;return u(this,(function(u){switch(u.label){case 0:return n=t.component,clearTimeout(n.addHandler),[4,e.resource.getResource(n.resource)];case 1:return[4,d(u.sent(),this.pixiSpine)];case 2:if(!(o=u.sent()))return n.addHandler=setTimeout((function(){n.destroied||(void 0===r&&(r=20),--r>0?c.add(t,r):console.log("retry exceed max times",n.resource))}),1e3),[2];if(this.remove(t),!(a=this.renderSystem.containerManager.getContainer(t.gameObject.id)))return[2];if(n.lastResource=n.resource,i=new this.pixiSpine.Spine(o),this.armatures[t.gameObject.id]=i,t.gameObject&&t.gameObject.transform&&(s=t.gameObject.transform,i.x=s.size.width*s.origin.x,i.y=s.size.height*s.origin.y),a.addChildAt(i,0),i.update(),i.updateTransform(),n.armature=i,n.autoPlay)try{i.state.setAnimation(0,n.animationName,!0)}catch(e){console.log(e)}return n.emit("loaded",{resource:n.resource}),i.state.addListener({start:function(e,t){n.emit("start",{track:e,name:e.animation.name})},complete:function(e,t){n.emit("complete",{track:e,name:e.animation.name})},interrupt:function(e,t){n.emit("interrupt",{track:e,name:e.animation.name})},end:function(e,t){n.emit("end",{track:e,name:e.animation.name})},event:function(e,t){n.emit("event",e,t)}}),[2]}}))}))},n.prototype.change=function(e){this.remove(e),this.add(e)},n.prototype.remove=function(t){var r,n;return s(this,void 0,void 0,(function(){var o,a,i,s;return u(this,(function(u){switch(u.label){case 0:return o=t.component,clearTimeout(o.addHandler),a=this.armatures[t.gameObject.id],(i=this.renderSystem.containerManager.getContainer(t.gameObject.id))&&a&&i.removeChild(a),o.armature?(o.armature.destroy({children:!0}),[4,e.resource.getResource(o.lastResource)]):[3,2];case 1:h((s=u.sent()).name,null===(n=null===(r=s.data)||void 0===r?void 0:r.image)||void 0===n?void 0:n.src),u.label=2;case 2:return o.armature=null,delete this.armatures[t.gameObject.id],t.type,e.OBSERVER_TYPE.CHANGE,[2]}}))}))},n.systemName="SpineSystem",n=i([e.decorators.componentObserver({Spine:["resource"]})],n)}(t.Renderer);e.resource.registerResourceType("SPINE"),exports.Spine=c,exports.SpineSystem=y;

package/dist/spine-base.d.ts

@@ -0,0 +1,55 @@
+/// <reference path="./global.d.ts"/>
+import { Component } from '@eva/eva.js';
+import { ComponentChanged } from '@eva/eva.js';
+import { ContainerManager } from '@eva/plugin-renderer';
+import { DisplayObject } from 'pixi.js';
+import { Renderer } from '@eva/plugin-renderer';
+import { RendererManager } from '@eva/plugin-renderer';
+import { RendererSystem } from '@eva/plugin-renderer';
+import { UpdateParams } from '@eva/eva.js';
+
+export declare class Spine extends Component<SpineParams> {
+    static componentName: string;
+    resource: string;
+    animationName: string;
+    autoPlay: boolean;
+    armature: any;
+    destroied: boolean;
+    addHandler: any;
+    lastResource: string;
+    init(obj?: SpineParams): void;
+    onDestroy(): void;
+    play(name?: string, loop?: boolean, track?: number): void;
+    stop(track?: number): void;
+    addAnimation(name?: string, delay?: number, loop?: boolean, track?: number): void;
+    setMix(from: string, to: string, duration: number): void;
+    getAnim(track?: number): any;
+    setDefaultMix(duration: number): void;
+    setAttachment(slotName: string, attachmentName: string): void;
+    getBone(boneName: string): any;
+}
+
+export declare interface SpineParams {
+    resource: string;
+    animationName?: string;
+    autoPlay?: boolean;
+}
+
+export declare class SpineSystem extends Renderer {
+    static systemName: string;
+    armatures: Record<number, DisplayObject>;
+    renderSystem: RendererSystem;
+    rendererManager: RendererManager;
+    containerManager: ContainerManager;
+    pixiSpine: any;
+    init({ pixiSpine }: {
+        pixiSpine: any;
+    }): void;
+    update(e: UpdateParams): void;
+    componentChanged(changed: ComponentChanged): Promise<void>;
+    add(changed: ComponentChanged, count?: number): Promise<void>;
+    change(changed: ComponentChanged): void;
+    remove(changed: ComponentChanged): Promise<void>;
+}
+
+export { }