@eva/plugin-renderer-lottie 2.0.1-beta.9 → 2.0.2-beta.0

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

@@ -32,22 +32,91 @@ declare interface IOptions {
     replaceData?: boolean;
 }
 
+/**
+ * Lottie 动画组件
+ *
+ * Lottie 组件用于播放 Adobe After Effects 导出的 Lottie 动画文件。
+ * Lottie 是一种基于 JSON 的动画格式，可以实现复杂的矢量动画效果，
+ * 文件体积小、性能高，适用于图标动画、loading 动画、复杂 UI 动效等场景。
+ *
+ * 主要功能：
+ * - 播放 Lottie JSON 动画
+ * - 支持动画片段播放和循环
+ * - 支持插槽（slot）动态替换内容
+ * - 支持帧事件监听
+ * - 支持交互热区绑定
+ * - 支持动态替换动画数据
+ *
+ * @example
+ * ```typescript
+ * // 基础用法
+ * const animation = new GameObject('animation');
+ * animation.addComponent(new Lottie({
+ *   resource: 'loadingAnimation', // Lottie JSON 资源
+ *   autoStart: true
+ * }));
+ *
+ * // 播放指定片段
+ * const lottie = animation.getComponent('Lottie');
+ * lottie.play([0, 60], { repeats: -1 }); // 播放 0-60 帧，无限循环
+ *
+ * // 动态替换插槽内容
+ * lottie.play([0, 120], {
+ *   slot: [{
+ *     name: 'avatar',
+ *     type: 'IMAGE',
+ *     value: 'user-avatar.png',
+ *     style: { width: 100, height: 100 }
+ *   }, {
+ *     name: 'username',
+ *     type: 'TEXT',
+ *     value: '玩家名称',
+ *     style: { fontSize: 24 }
+ *   }]
+ * });
+ *
+ * // 监听特定帧事件
+ * lottie.on('@30', () => {
+ *   console.log('到达第 30 帧');
+ * });
+ *
+ * // 绑定点击热区
+ * lottie.onTap('buttonLayer', () => {
+ *   console.log('按钮被点击');
+ * });
+ * ```
+ */
 export declare class Lottie extends Component {
+    /** 插槽配置 */
     slot: {
         [key: string]: string;
     };
+    /** 待替换的数据 */
     _replaceData: Record<string, string> | null;
+    /** 组件名称 */
     static componentName: string;
+    /** Lottie 动画实例 */
     anim: any;
+    /** Lottie 配置选项 */
     options: ExtendOptions;
+    /** 资源加载状态 */
     loadStatus: boolean;
+    /** 首次播放回调 */
     firstPlay: () => void | null;
+    /** 前一次的插槽内容 */
     prevSlot: {
         [name: string]: any;
     };
+    /** 当前的插槽内容 */
     currentSlot: {
         [name: string]: any;
     };
+    /**
+     * 构造 Lottie 组件
+     * @param options - Lottie 配置选项
+     * @param options.resource - Lottie JSON 资源名称
+     * @param options.autoStart - 是否自动开始播放
+     */
     constructor(options: IOptions);
     play(params?: number[], expandOpts?: IExpandOpts): void;
     replaceData(data: Record<string, string>): void;
@@ -63,6 +132,12 @@ export declare class LottieSystem extends Renderer {
     rendererManager: RendererManager;
     containerManager: ContainerManager;
     managerLife: string[];
+    /**
+     * System 初始化用，可以配置参数，游戏未开始
+     *
+     * System init, set params, game is not begain
+     * @param param init params
+     */
     init(): void;
     componentChanged(changed: ComponentChanged): Promise<void>;
     add(changed: ComponentChanged): Promise<void>;

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

@@ -3,19 +3,19 @@ import { Renderer } from '@eva/plugin-renderer';
 import { Ticker, Container, Assets, Texture, Graphics, Text, Matrix as Matrix$1, Sprite, TextStyle } from 'pixi.js';
 import iOSVersion from 'ios-version';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
 
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
 
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
 function __rest(s, e) {
@@ -38,13 +38,19 @@ function __decorate(decorators, target, key, desc) {
 }
 
 function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -13113,6 +13119,12 @@ let LottieSystem = class LottieSystem extends Renderer {
             'update',
         ];
     }
+    /**
+     * System 初始化用，可以配置参数，游戏未开始
+     *
+     * System init, set params, game is not begain
+     * @param param init params
+     */
     init() {
         this.renderSystem = this.game.getSystem('Renderer');
         this.app = this.renderSystem.application;
@@ -13183,13 +13195,78 @@ LottieSystem = __decorate([
 ], LottieSystem);
 var LottieSystem$1 = LottieSystem;
 
+/**
+ * Lottie 动画组件
+ *
+ * Lottie 组件用于播放 Adobe After Effects 导出的 Lottie 动画文件。
+ * Lottie 是一种基于 JSON 的动画格式，可以实现复杂的矢量动画效果，
+ * 文件体积小、性能高，适用于图标动画、loading 动画、复杂 UI 动效等场景。
+ *
+ * 主要功能：
+ * - 播放 Lottie JSON 动画
+ * - 支持动画片段播放和循环
+ * - 支持插槽（slot）动态替换内容
+ * - 支持帧事件监听
+ * - 支持交互热区绑定
+ * - 支持动态替换动画数据
+ *
+ * @example
+ * ```typescript
+ * // 基础用法
+ * const animation = new GameObject('animation');
+ * animation.addComponent(new Lottie({
+ *   resource: 'loadingAnimation', // Lottie JSON 资源
+ *   autoStart: true
+ * }));
+ *
+ * // 播放指定片段
+ * const lottie = animation.getComponent('Lottie');
+ * lottie.play([0, 60], { repeats: -1 }); // 播放 0-60 帧，无限循环
+ *
+ * // 动态替换插槽内容
+ * lottie.play([0, 120], {
+ *   slot: [{
+ *     name: 'avatar',
+ *     type: 'IMAGE',
+ *     value: 'user-avatar.png',
+ *     style: { width: 100, height: 100 }
+ *   }, {
+ *     name: 'username',
+ *     type: 'TEXT',
+ *     value: '玩家名称',
+ *     style: { fontSize: 24 }
+ *   }]
+ * });
+ *
+ * // 监听特定帧事件
+ * lottie.on('@30', () => {
+ *   console.log('到达第 30 帧');
+ * });
+ *
+ * // 绑定点击热区
+ * lottie.onTap('buttonLayer', () => {
+ *   console.log('按钮被点击');
+ * });
+ * ```
+ */
 class Lottie extends Component {
+    /**
+     * 构造 Lottie 组件
+     * @param options - Lottie 配置选项
+     * @param options.resource - Lottie JSON 资源名称
+     * @param options.autoStart - 是否自动开始播放
+     */
     constructor(options) {
         super();
+        /** 待替换的数据 */
         this._replaceData = null;
+        /** 资源加载状态 */
         this.loadStatus = false;
+        /** 首次播放回调 */
         this.firstPlay = null;
+        /** 前一次的插槽内容 */
         this.prevSlot = {};
+        /** 当前的插槽内容 */
         this.currentSlot = {};
         this.options = Object.assign({ autoStart: false }, options);
         this.on('success', () => {
@@ -13274,6 +13351,7 @@ class Lottie extends Component {
         });
     }
 }
+/** 组件名称 */
 Lottie.componentName = 'Lottie';
 
 resource.registerResourceType('LOTTIE');

package/package.json

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