@eva/plugin-renderer-lottie 2.0.1-beta.3 → 2.0.1-beta.5

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

@@ -10565,8 +10565,6 @@ function createSizedArray(len) {
   return Array.apply(null, { length: len });
 }
 
-window.$commands = [];
-
 class MatrixHelper extends pixi_js.Matrix {
   reset() {
     // 重置为单位矩阵
@@ -11097,18 +11095,17 @@ class SpriteElement extends pixi_js.Sprite {
    * @param {object} config layer data information
    */
   constructor(lottieLayer, imageInfo) {
-    const { asset, texture } = imageInfo;
-    super(texture.baseTexture.texture);
+    const { texture: texturePromise } = imageInfo;
+    super();
     this.label = lottieLayer.fullname;
 
-    if (texture.baseTexture.texture.valid) {
-      texture.baseTexture.texture.orig = new pixi_js.Rectangle(0, 0, asset.w, asset.h);
-    } else {
-      texture.baseTexture.on('loaded', () => {
-        this.texture = texture.baseTexture.texture;
-        texture.baseTexture.texture.orig = new pixi_js.Rectangle(0, 0, asset.w, asset.h);
+    texturePromise
+      .then(texture => {
+        this.texture = texture;
+      })
+      .catch(e => {
+        console.error(e);
       });
-    }
 
     this.lottieLayer = lottieLayer;
 
@@ -11181,32 +11178,6 @@ class SpriteElement extends pixi_js.Sprite {
   }
 }
 
-class BaseTexture extends pixi_js.EventEmitter {
-  constructor(url) {
-    super();
-    this.texture = pixi_js.Texture.EMPTY;
-    this.img = new Image();
-    this.img.src = url;
-    this.img.onload = () => {
-      this.texture = pixi_js.Texture.from(this.img);
-      this.emit('loaded');
-    };
-    this.img.onerror = () => {
-      this.emit('error');
-    };
-  }
-}
-
-class Texture {
-  constructor(url) {
-    this.baseTexture = new BaseTexture(url);
-  }
-
-  static from(url) {
-    return new Texture(url);
-  }
-}
-
 const regHttp = /^(https?:)?\/\//;
 
 /**
@@ -11262,25 +11233,20 @@ class LoadTexture extends Eventer {
     this.assets.forEach(asset => {
       const id = asset.id;
       const url = createUrl(asset, this.prefix);
-      const texture = url ? Texture.from(url, this.textureOptions) : Texture.EMPTY;
-      this.textures[id] = texture;
+      const texturePromise = pixi_js.Assets.load(url);
+      this.textures[id] = texturePromise;
       this._total++;
-      if (texture.baseTexture.valid || texture === Texture.EMPTY) {
-        this._received++;
-        this.emit('update');
-        if (this._received + this._failed >= this._total) this._onComplete();
-      } else {
-        texture.baseTexture.once('loaded', () => {
+      texturePromise
+        .then(() => {
           this._received++;
           this.emit('update');
           if (this._received + this._failed >= this._total) this._onComplete();
-        });
-        texture.baseTexture.once('error', () => {
+        })
+        .catch(e => {
           this._failed++;
           this.emit('update');
           if (this._received + this._failed >= this._total) this._onComplete();
         });
-      }
     });
   }
 
@@ -11828,7 +11794,8 @@ class AnimationGroup extends Eventer {
       },
     };
     session.fontManager.addChars(data.chars);
-    session.fontManager.addFonts(data.fonts, document.body);
+    // @TODO
+    // session.fontManager.addFonts(data.fonts, document.body);
 
     this._buildElements(session);
 
@@ -12884,7 +12851,7 @@ class AnimationManager extends Eventer {
   }
 }
 
-const { major } = iOSVersion__default(window.navigator.userAgent) || {};
+const { major } = iOSVersion__default(globalThis.navigator.userAgent) || {};
 
 /**
  * dataURL 转成 blob
@@ -12970,14 +12937,16 @@ let LottieSystem = class LottieSystem extends pluginRenderer.Renderer {
             if (!container)
                 return;
             const _a = component.options, { resource: rn } = _a, otherOpts = __rest(_a, ["resource"]);
-            const { data } = yield eva_js.resource.getResource(rn);
+            const res = yield eva_js.resource.getResource(rn);
+            const data = res.data;
+            const url = res.src.json.url;
             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));
+            const anim = this.manager.parseAnimation(Object.assign({ keyframes: json, prefix: this.getDir(url) }, otherOpts));
             component.anim = anim;
             container.addChildAt(anim.group, 0);
             this.managerLife.forEach(eventName => {
@@ -12987,6 +12956,9 @@ let LottieSystem = class LottieSystem extends pluginRenderer.Renderer {
                 component.emit('success', {});
         });
     }
+    getDir(url) {
+        return new URL('./', url).href;
+    }
     remove(changed) {
         const component = changed.component;
         const container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
@@ -13039,7 +13011,10 @@ class Lottie extends eva_js.Component {
                 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({
+                    text: value,
+                    style: new pixi_js.TextStyle(style),
+                });
             }
             if (x)
                 this.currentSlot[name].x = x;
@@ -13074,9 +13049,7 @@ class Lottie extends eva_js.Component {
         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.rect(0, 0, 100, 100).fill(0xffffff);
             g.alpha = 0;
             display.addChild(g);
             ele.display.interactive = true;