@eva/plugin-renderer-lottie 2.0.2 → 2.1.0-beta.1

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

@@ -8516,39 +8516,35 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
     };
   };
   var iOSVersion = iosVersion;
-  const {
-    major
-  } = iOSVersion(globalThis.navigator.userAgent) || {};
-  function dataURL2blob(dataURL) {
-    let binaryString = atob(dataURL.split(',')[1]);
-    let arrayBuffer = new ArrayBuffer(binaryString.length);
-    let intArray = new Uint8Array(arrayBuffer);
-    let mime = dataURL.split(',')[0].match(/:(.*?);/)[1];
+  const getIOSMajor = () => {
+    var _a, _b;
+    const userAgent = ((_a = globalThis.navigator) === null || _a === void 0 ? void 0 : _a.userAgent) || '';
+    return (_b = iOSVersion(userAgent)) === null || _b === void 0 ? void 0 : _b.major;
+  };
+  const dataURL2blob = dataURL => {
+    var _a;
+    const binaryString = atob(dataURL.split(',')[1]);
+    const arrayBuffer = new ArrayBuffer(binaryString.length);
+    const intArray = new Uint8Array(arrayBuffer);
+    const mime = ((_a = dataURL.split(',')[0].match(/:(.*?);/)) === null || _a === void 0 ? void 0 : _a[1]) || 'image/png';
     for (let i = 0, j = binaryString.length; i < j; i++) {
       intArray[i] = binaryString.charCodeAt(i);
     }
-    let data = [intArray];
-    let result;
-    try {
-      result = new Blob(data, {
-        type: mime
-      });
-    } catch (error) {
-      console.log(error);
-    }
-    return result;
-  }
-  function dataURL2ObjUrl(dataURL) {
-    window.URL = window.URL || window.webkitURL;
-    if (window.URL && URL.createObjectURL) {
-      const blob = dataURL2blob(dataURL);
-      return URL.createObjectURL(blob);
+    return new Blob([intArray], {
+      type: mime
+    });
+  };
+  const dataURL2ObjUrl = dataURL => {
+    const urlFactory = globalThis.URL || window.webkitURL;
+    if (urlFactory === null || urlFactory === void 0 ? void 0 : urlFactory.createObjectURL) {
+      return urlFactory.createObjectURL(dataURL2blob(dataURL));
     }
     return dataURL;
-  }
+  };
   function imageHandle(source) {
     const isBase64Reg = /^data:image\/png;base64/;
-    if (major <= 8 && isBase64Reg.test(source)) {
+    const major = getIOSMajor();
+    if (major && major <= 8 && isBase64Reg.test(source)) {
       return dataURL2ObjUrl(source);
     }
     return source;
@@ -8629,17 +8625,30 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
   var LottieSystem$1 = LottieSystem;
   class Lottie extends eva_js.Component {
     constructor(options) {
+      var _a, _b, _c, _d;
       super();
       this._replaceData = null;
+      this.autoplay = false;
+      this.loop = false;
+      this._speed = 1;
       this.loadStatus = false;
       this.firstPlay = null;
       this.prevSlot = {};
       this.currentSlot = {};
-      this.options = _extends({
-        autoStart: false
-      }, options);
+      const autoStart = (_b = (_a = options.autoStart) !== null && _a !== void 0 ? _a : options.autoplay) !== null && _b !== void 0 ? _b : false;
+      this.options = _extends(_extends({}, options), {
+        autoStart
+      });
+      this.autoplay = autoStart;
+      this.loop = (_c = options.loop) !== null && _c !== void 0 ? _c : false;
+      this._speed = (_d = options.speed) !== null && _d !== void 0 ? _d : 1;
+      this.onComplete = options.onComplete;
+      this.onLoopComplete = options.onLoopComplete;
+      if (this.onComplete) this.on('complete', this.onComplete);
+      if (this.onLoopComplete) this.on('loopComplete', this.onLoopComplete);
       this.on('success', () => {
         this.loadStatus = true;
+        this.applySpeed();
         const {
           ip,
           op
@@ -8648,21 +8657,34 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
           const event = `@${i}`;
           this.anim.on(event, e => this.emit(event, e));
         }
+        if (this.options.autoStart) this.play();
         this.firstPlay && this.firstPlay();
       });
     }
+    get speed() {
+      return this._speed;
+    }
+    set speed(value) {
+      this._speed = value;
+      this.options.speed = value;
+      this.applySpeed();
+    }
     play(params = [], expandOpts = {
       repeats: 0
     }) {
+      var _a;
       if (!this.loadStatus) {
         this.firstPlay = () => {
           this.play(params, expandOpts);
         };
         return;
       }
+      const playOptions = _extends(_extends({}, expandOpts), {
+        repeats: (_a = expandOpts.repeats) !== null && _a !== void 0 ? _a : this.loop ? -1 : 0
+      });
       const {
         slot = []
-      } = expandOpts;
+      } = playOptions;
       slot.forEach(({
         name,
         type,
@@ -8701,7 +8723,24 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
         this.anim.bindSlot(name, this.currentSlot[name]);
         this.prevSlot[name] = this.currentSlot[name];
       });
-      this.anim.playSegment(this.playParamsHandle(params), expandOpts);
+      this.anim.playSegment(this.playParamsHandle(params), playOptions);
+    }
+    pause() {
+      var _a;
+      if ((_a = this.anim) === null || _a === void 0 ? void 0 : _a.pause) this.anim.pause();
+    }
+    stop() {
+      var _a, _b;
+      if ((_a = this.anim) === null || _a === void 0 ? void 0 : _a.stop) this.anim.stop();else if ((_b = this.anim) === null || _b === void 0 ? void 0 : _b.goToAndStop) this.anim.goToAndStop(0, true);
+    }
+    goToFrame(frame) {
+      var _a;
+      if ((_a = this.anim) === null || _a === void 0 ? void 0 : _a.goToAndStop) this.anim.goToAndStop(frame, true);
+    }
+    load() {
+      var _a;
+      if (this.loadStatus || this.anim) return;
+      this.firstPlay = (_a = this.firstPlay) !== null && _a !== void 0 ? _a : () => {};
     }
     replaceData(data) {
       if (data) {
@@ -8734,6 +8773,24 @@ var _EVA_IIFE_lottie = function (exports, eva_js, pluginRenderer, pixi_js) {
         });
       });
     }
+    destroy() {
+      var _a;
+      Object.keys(this.prevSlot).forEach(name => {
+        var _a;
+        const slot = this.prevSlot[name];
+        if (((_a = this.anim) === null || _a === void 0 ? void 0 : _a.unbindSlot) && slot) this.anim.unbindSlot(name, slot);
+        if (slot === null || slot === void 0 ? void 0 : slot.destroy) slot.destroy();
+      });
+      this.prevSlot = {};
+      this.currentSlot = {};
+      if ((_a = this.anim) === null || _a === void 0 ? void 0 : _a.destroy) this.anim.destroy();
+      this.anim = null;
+      this.loadStatus = false;
+    }
+    applySpeed() {
+      var _a;
+      if ((_a = this.anim) === null || _a === void 0 ? void 0 : _a.setSpeed) this.anim.setSpeed(this._speed);else if (this.anim) this.anim.timeScale = this._speed;
+    }
   }
   Lottie.componentName = 'Lottie';
   eva_js.resource.registerResourceType('LOTTIE');