@eva/plugin-renderer-lottie 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/plugin-renderer-lottie.cjs.js

@@ -25,31 +25,6 @@ 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 __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 
 function __rest(s, e) {
     var t = {};
@@ -77,34 +52,6 @@ function __awaiter(thisArg, _arguments, P, generator) {
         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 };
-    }
 }
 
 function t(t) {
@@ -5060,11 +5007,10 @@ wt.registerDisplayByType(wt.Type.Solid, G);
 wt.registerDisplayByType(wt.Type.Sprite, R);
 wt.registerDisplayByType(wt.Type.Component, k);
 wt.registerDisplayByType(wt.Type.Container, pixi_js.Container);
-var LottieSystem = (function (_super) {
-    __extends(LottieSystem, _super);
-    function LottieSystem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.managerLife = [
+let LottieSystem = class LottieSystem extends pluginRenderer.Renderer {
+    constructor() {
+        super(...arguments);
+        this.managerLife = [
             'DisplayReady',
             'ImageReady',
             'success',
@@ -5074,145 +5020,122 @@ var LottieSystem = (function (_super) {
             'enterFrame',
             'update',
         ];
-        return _this;
     }
-    LottieSystem.prototype.init = function () {
+    init() {
         this.renderSystem = this.game.getSystem('Renderer');
         this.app = this.renderSystem.application;
-    };
-    LottieSystem.prototype.componentChanged = function (changed) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                if (changed.componentName === 'Lottie') {
-                    if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
-                        this.add(changed);
-                    }
-                    else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-                        this.remove(changed);
-                    }
+    }
+    componentChanged(changed) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changed.componentName === 'Lottie') {
+                if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+                    this.add(changed);
                 }
-                return [2];
-            });
-        });
-    };
-    LottieSystem.prototype.add = function (changed) {
-        return __awaiter(this, void 0, void 0, function () {
-            var component, container, _a, rn, otherOpts, data, json, assets, anim;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        this.manager = new Gt(this.app);
-                        component = changed.component;
-                        container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
-                        if (!container)
-                            return [2];
-                        _a = component.options, rn = _a.resource, otherOpts = __rest(_a, ["resource"]);
-                        return [4, eva_js.resource.getResource(rn)];
-                    case 1:
-                        data = (_b.sent()).data;
-                        json = __assign({}, (data.json || {}));
-                        assets = json.assets || [];
-                        assets.forEach(function (item) {
-                            if (item.p)
-                                item.p = imageHandle(item.p);
-                        });
-                        anim = this.manager.parseAnimation(__assign({ keyframes: json }, otherOpts));
-                        component.anim = anim;
-                        container.addChildAt(anim.group, 0);
-                        this.managerLife.forEach(function (eventName) {
-                            anim.on(eventName, function (e) { return component.emit(eventName, e); });
-                        });
-                        if (anim.isImagesLoaded)
-                            component.emit('success', {});
-                        return [2];
+                else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                    this.remove(changed);
                 }
+            }
+        });
+    }
+    add(changed) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.manager = new Gt(this.app);
+            const component = changed.component;
+            const container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
+            if (!container)
+                return;
+            const _a = component.options, { resource: rn } = _a, otherOpts = __rest(_a, ["resource"]);
+            const { data } = yield eva_js.resource.getResource(rn);
+            const json = Object.assign({}, (data.json || {}));
+            const assets = json.assets || [];
+            assets.forEach(item => {
+                if (item.p)
+                    item.p = imageHandle(item.p);
             });
+            const anim = this.manager.parseAnimation(Object.assign({ keyframes: json }, otherOpts));
+            component.anim = anim;
+            container.addChildAt(anim.group, 0);
+            this.managerLife.forEach(eventName => {
+                anim.on(eventName, e => component.emit(eventName, e));
+            });
+            if (anim.isImagesLoaded)
+                component.emit('success', {});
         });
-    };
-    LottieSystem.prototype.remove = function (changed) {
-        var component = changed.component;
-        var container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
+    }
+    remove(changed) {
+        const component = changed.component;
+        const container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
         if (container) {
             container.removeChild(component.anim.group);
             component.anim.destroy();
         }
         component.anim = null;
-    };
-    LottieSystem.systemName = 'LottieSystem';
-    LottieSystem = __decorate([
-        eva_js.decorators.componentObserver({
-            Lottie: [],
-        })
-    ], LottieSystem);
-    return LottieSystem;
-}(pluginRenderer.Renderer));
+    }
+};
+LottieSystem.systemName = 'LottieSystem';
+LottieSystem = __decorate([
+    eva_js.decorators.componentObserver({
+        Lottie: [],
+    })
+], LottieSystem);
 var LottieSystem$1 = LottieSystem;
 
-var Lottie = (function (_super) {
-    __extends(Lottie, _super);
-    function Lottie(options) {
-        var _this = _super.call(this) || this;
-        _this.loadStatus = false;
-        _this.firstPlay = null;
-        _this.prevSlot = {};
-        _this.currentSlot = {};
-        _this.options = __assign({ autoStart: false }, options);
-        _this.on('success', function () {
-            _this.loadStatus = true;
-            var _a = _this.anim.keyframes, ip = _a.ip, op = _a.op;
-            var _loop_1 = function (i) {
-                var event_1 = "@" + i;
-                _this.anim.on(event_1, function (e) { return _this.emit(event_1, e); });
-            };
-            for (var i = ip; i <= op; i++) {
-                _loop_1(i);
+class Lottie extends eva_js.Component {
+    constructor(options) {
+        super();
+        this.loadStatus = false;
+        this.firstPlay = null;
+        this.prevSlot = {};
+        this.currentSlot = {};
+        this.options = Object.assign({ autoStart: false }, options);
+        this.on('success', () => {
+            this.loadStatus = true;
+            const { ip, op } = this.anim.keyframes;
+            for (let i = ip; i <= op; i++) {
+                const event = `@${i}`;
+                this.anim.on(event, e => this.emit(event, e));
             }
-            _this.firstPlay && _this.firstPlay();
+            this.firstPlay && this.firstPlay();
         });
-        return _this;
     }
-    Lottie.prototype.play = function (params, expandOpts) {
-        var _this = this;
-        if (params === void 0) { params = []; }
-        if (expandOpts === void 0) { expandOpts = {
-            repeats: 0,
-        }; }
+    play(params = [], expandOpts = {
+        repeats: 0,
+    }) {
         if (!this.loadStatus) {
-            this.firstPlay = function () {
-                _this.play(params, expandOpts);
+            this.firstPlay = () => {
+                this.play(params, expandOpts);
             };
             return;
         }
-        var _a = expandOpts.slot, slot = _a === void 0 ? [] : _a;
-        slot.forEach(function (_a) {
-            var name = _a.name, type = _a.type, value = _a.value, _b = _a.style, style = _b === void 0 ? {} : _b;
-            var x = style.x, y = style.y, _c = style.anchor, anchor = _c === void 0 ? { x: 0, y: 0 } : _c, _d = style.pivot, pivot = _d === void 0 ? { x: 0, y: 0 } : _d, width = style.width, height = style.height;
+        const { slot = [] } = expandOpts;
+        slot.forEach(({ name, type, value, style = {} }) => {
+            const { x, y, anchor = { x: 0, y: 0 }, pivot = { x: 0, y: 0 }, width, height } = style;
             if (type === 'IMAGE') {
-                _this.currentSlot[name] = pixi_js.Sprite.from(value);
+                this.currentSlot[name] = pixi_js.Sprite.from(value);
             }
             else if (type === 'TEXT') {
-                _this.currentSlot[name] = new pixi_js.Text(value, new pixi_js.TextStyle(style));
+                this.currentSlot[name] = new pixi_js.Text(value, new pixi_js.TextStyle(style));
             }
             if (x)
-                _this.currentSlot[name].x = x;
+                this.currentSlot[name].x = x;
             if (y)
-                _this.currentSlot[name].y = y;
+                this.currentSlot[name].y = y;
             if (width)
-                _this.currentSlot[name].width = width;
+                this.currentSlot[name].width = width;
             if (height)
-                _this.currentSlot[name].height = height;
-            _this.currentSlot[name].anchor.set(anchor.x || 0, anchor.y || 0);
-            _this.currentSlot[name].pivot.set(_this.currentSlot[name].width * (pivot.x || 0), _this.currentSlot[name].height * (pivot.y || 0));
-            if (_this.prevSlot[name])
-                _this.anim.unbindSlot(name, _this.prevSlot[name]);
-            _this.anim.bindSlot(name, _this.currentSlot[name]);
-            _this.prevSlot[name] = _this.currentSlot[name];
+                this.currentSlot[name].height = height;
+            this.currentSlot[name].anchor.set(anchor.x || 0, anchor.y || 0);
+            this.currentSlot[name].pivot.set(this.currentSlot[name].width * (pivot.x || 0), this.currentSlot[name].height * (pivot.y || 0));
+            if (this.prevSlot[name])
+                this.anim.unbindSlot(name, this.prevSlot[name]);
+            this.anim.bindSlot(name, this.currentSlot[name]);
+            this.prevSlot[name] = this.currentSlot[name];
         });
         this.anim.playSegment(this.playParamsHandle(params), expandOpts);
-    };
-    Lottie.prototype.playParamsHandle = function (params) {
-        var p = [].concat(params);
-        var keyframes = this.anim.keyframes;
+    }
+    playParamsHandle(params) {
+        let p = [].concat(params);
+        const { keyframes } = this.anim;
         if (!p.length || p.length > 2) {
             p = [keyframes.ip, keyframes.op];
         }
@@ -5220,30 +5143,27 @@ var Lottie = (function (_super) {
             p = [p[0] % keyframes.op, keyframes.op];
         }
         return p;
-    };
-    Lottie.prototype.onTap = function (name, callback) {
-        var _this = this;
-        var g = new pixi_js.Graphics();
-        this.on('success', function () {
-            var ele = _this.anim.querySelector(name);
-            var display = ele.display;
+    }
+    onTap(name, callback) {
+        const g = new pixi_js.Graphics();
+        this.on('success', () => {
+            const ele = this.anim.querySelector(name);
+            const display = ele.display;
             g.beginFill(0xffffff);
             g.drawRect(0, 0, 100, 100);
             g.endFill();
             g.alpha = 0;
             display.addChild(g);
             ele.display.interactive = true;
-            ele.display.on('pointertap', function () {
+            ele.display.on('pointertap', () => {
                 callback();
             });
         });
-    };
-    Lottie.componentName = 'Lottie';
-    return Lottie;
-}(eva_js.Component));
-var Lottie$1 = Lottie;
+    }
+}
+Lottie.componentName = 'Lottie';
 
 eva_js.resource.registerResourceType('LOTTIE');
 
-exports.Lottie = Lottie$1;
+exports.Lottie = Lottie;
 exports.LottieSystem = LottieSystem$1;