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

package/dist/EVA.plugin.renderer.lottie.js

@@ -1,35 +1,9 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 window.EVA = window.EVA || {};
 window.EVA.plugin = window.EVA.plugin || {};
 window.EVA.plugin.renderer = window.EVA.plugin.renderer || {};
 var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
   'use strict';
-  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 = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -72,94 +46,6 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
       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) {
     return Object.prototype.toString.call(t);
   }
@@ -3685,199 +3571,175 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
   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 = ['DisplayReady', 'ImageReady', 'success', 'error', 'complete', 'loopComplete', 'enterFrame', 'update'];
-      return _this;
-    }
-    LottieSystem.prototype.init = function () {
+  let LottieSystem = class LottieSystem extends pluginRenderer.Renderer {
+    constructor() {
+      super(...arguments);
+      this.managerLife = ['DisplayReady', 'ImageReady', 'success', 'error', 'complete', 'loopComplete', 'enterFrame', 'update'];
+    }
+    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);
+          } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+            this.remove(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];
-          }
+    }
+    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 = _extends({}, data.json || {});
+        const assets = json.assets || [];
+        assets.forEach(item => {
+          if (item.p) item.p = imageHandle(item.p);
         });
+        const anim = this.manager.parseAnimation(_extends({
+          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({
+  class Lottie extends eva_js.Component {
+    constructor(options) {
+      super();
+      this.loadStatus = false;
+      this.firstPlay = null;
+      this.prevSlot = {};
+      this.currentSlot = {};
+      this.options = _extends({
         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);
+      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 ? {
+      const {
+        slot = []
+      } = expandOpts;
+      slot.forEach(({
+        name,
+        type,
+        value,
+        style = {}
+      }) => {
+        const {
+          x,
+          y,
+          anchor = {
             x: 0,
             y: 0
-          } : _c,
-          _d = style.pivot,
-          pivot = _d === void 0 ? {
+          },
+          pivot = {
             x: 0,
             y: 0
-          } : _d,
-          width = style.width,
-          height = style.height;
+          },
+          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;
-        if (y) _this.currentSlot[name].y = y;
-        if (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];
+        if (x) this.currentSlot[name].x = x;
+        if (y) this.currentSlot[name].y = y;
+        if (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.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];
       } else if (p.length === 1) {
         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;
   Object.defineProperty(exports, '__esModule', {
     value: true