@eva/plugin-renderer-lottie 2.0.1-beta.7 → 2.0.1-beta.8

package/dist/plugin-renderer-lottie.d.ts

@@ -22,6 +22,7 @@ declare interface IExpandOpts {
             [key: string]: any;
         };
     }>;
+    direction?: 1 | -1;
 }
 
 declare interface IOptions {
@@ -35,6 +36,7 @@ export declare class Lottie extends Component {
     slot: {
         [key: string]: string;
     };
+    _replaceData: Record<string, string> | null;
     static componentName: string;
     anim: any;
     options: ExtendOptions;

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

@@ -10667,7 +10667,7 @@ class TextElement extends Text {
     this.style.lineHeight = this._values.lineHeight;
 
     this.anchor.x = 0.5;
-    this.anchor.y = 1;
+    this.anchor.y = 0.8;
   }
 
   /**
@@ -12496,10 +12496,11 @@ class AnimationGroup extends Eventer {
    */
   update(snippetCache, firstFrame = false) {
     if (!this.living || !this.isDisplayLoaded || (this.isPaused && !firstFrame)) return;
-
-    const isEnd = this._updateTime(snippetCache);
-
-    const correctedFrameNum = this.beginFrame + this.frameNum;
+    let isEnd = this._updateTime(snippetCache);
+    const correctedFrameNum = this.direction === 1 ? this.beginFrame + this.frameNum : this.frameNum;
+    if (this.direction === -1 && correctedFrameNum <= this.beginFrame) {
+      isEnd = true;
+    }
     this.root.updateFrame(correctedFrameNum);
 
     const np = correctedFrameNum >> 0;
@@ -12601,6 +12602,7 @@ class AnimationGroup extends Eventer {
    * @param {boolean} [options.alternate=false] alternate direction every round
    * @param {number} [options.wait=0] need wait how much millisecond to start
    * @param {number} [options.delay=0] need delay how much millisecond to begin, effect every loop round
+   * @param {number} [options.direction=1] need direction
    * @return {this}
    */
   playSegment(name, options = {}) {
@@ -12624,6 +12626,11 @@ class AnimationGroup extends Eventer {
     if (Tools.isBoolean(options.alternate)) this.alternate = options.alternate;
     if (Tools.isNumber(options.wait)) this.wait = options.wait;
     if (Tools.isNumber(options.delay)) this.delay = options.delay;
+    if (Tools.isNumber(options.direction)) {
+      this.direction = options.direction;
+    } else {
+      this.direction = 1;
+    }
 
     this.replay();
     return this;
@@ -12729,9 +12736,15 @@ class AnimationGroup extends Eventer {
     this._repeatsCut = this.repeats;
     this._delayCut = this.delay;
     this.living = true;
-    this.frameNum = 0;
+    // 根据播放方向设置初始帧位置
+    if (this.direction === -1) {
+      // 倒着播放从duration开始
+      this.frameNum = this.duration;
+    } else {
+      // 正常播放从0开始
+      this.frameNum = 0;
+    }
     this.duration = Math.floor(this.endFrame - this.beginFrame);
-    this.direction = 1;
     return this;
   }
 
@@ -13117,16 +13130,17 @@ let LottieSystem = class LottieSystem extends Renderer {
         });
     }
     add(changed) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             this.manager = new AnimationManager(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 _c = component.options, { resource: rn } = _c, otherOpts = __rest(_c, ["resource"]);
             const res = yield resource.getResource(rn);
             const data = res.data;
-            const url = res.src.json.url;
+            const url = ((_b = (_a = res.src) === null || _a === void 0 ? void 0 : _a.json) === null || _b === void 0 ? void 0 : _b.url) || '';
             const json = Object.assign({}, (data.json || {}));
             const assets = json.assets || [];
             assets.forEach(item => {
@@ -13135,6 +13149,9 @@ let LottieSystem = class LottieSystem extends Renderer {
             });
             const anim = this.manager.parseAnimation(Object.assign({ keyframes: json, prefix: this.getDir(url) }, otherOpts));
             component.anim = anim;
+            if (component._replaceData) {
+                anim.replaceData(component._replaceData);
+            }
             container.addChildAt(anim.group, 0);
             this.managerLife.forEach(eventName => {
                 anim.on(eventName, e => component.emit(eventName, e));
@@ -13144,6 +13161,8 @@ let LottieSystem = class LottieSystem extends Renderer {
         });
     }
     getDir(url) {
+        if (!url)
+            return url;
         return new URL('./', url).href;
     }
     remove(changed) {
@@ -13167,6 +13186,7 @@ var LottieSystem$1 = LottieSystem;
 class Lottie extends Component {
     constructor(options) {
         super();
+        this._replaceData = null;
         this.loadStatus = false;
         this.firstPlay = null;
         this.prevSlot = {};
@@ -13221,8 +13241,12 @@ class Lottie extends Component {
         this.anim.playSegment(this.playParamsHandle(params), expandOpts);
     }
     replaceData(data) {
-        if (data)
-            this.anim.replaceData(data);
+        if (data) {
+            if (this.anim)
+                this.anim.replaceData(data);
+            else
+                this._replaceData = data;
+        }
     }
     playParamsHandle(params) {
         let p = [].concat(params);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-lottie",
-  "version": "2.0.1-beta.7",
+  "version": "2.0.1-beta.8",
   "description": "@eva/plugin-renderer-lottie",
   "main": "index.js",
   "module": "dist/plugin-renderer-lottie.esm.js",
@@ -18,8 +18,8 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/eva.js": "2.0.1-beta.7",
-    "@eva/plugin-renderer": "2.0.1-beta.7",
+    "@eva/eva.js": "2.0.1-beta.8",
+    "@eva/plugin-renderer": "2.0.1-beta.8",
     "ios-version": "^1.0.1",
     "pixi.js": "^8.8.1"
   }