lyb-pixi-js 1.4.9 → 1.4.11

package/Components/Custom/LibPixiCloseBtn.d.ts

@@ -1,5 +1,5 @@
-import { LibPixiContainer } from "../Base/LibPixiContainer";
 import type { Sprite } from "pixi.js";
+import { LibPixiContainer } from "../Base/LibPixiContainer";
 export interface LibPixiCloseBtnParams {
     /** 按钮素材 */
     sprite: Sprite;

package/Components/Custom/LibPixiCloseBtn.js

@@ -1,6 +1,6 @@
 import gsap from "gsap";
-import { LibPixiContainer } from "../Base/LibPixiContainer";
 import { libPixiEvent } from "../../Utils/LibPixiEvent";
+import { LibPixiContainer } from "../Base/LibPixiContainer";
 /** @description 右上角关闭按钮，支持悬浮旋转动画
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCloseBtn-关闭按钮
  */
@@ -18,7 +18,7 @@ export class LibPixiCloseBtn extends LibPixiContainer {
                 rotation: 180 * (Math.PI / 180),
             });
         });
-        libPixiEvent(this, "pointerleave", () => {
+        const offLeave = libPixiEvent(this, "pointerleave", () => {
             sprite.alpha = 1;
             gsap.to(sprite, {
                 duration: 0.25,
@@ -30,6 +30,7 @@ export class LibPixiCloseBtn extends LibPixiContainer {
         });
         libPixiEvent(this, "pointerup", () => {
             onClick();
+            offLeave();
         });
     }
 }

package/README.md

@@ -597,6 +597,12 @@ libPixiEvent(container, "pointerdown", (e) => {
   console.log("Pointer down event triggered", e);
 });
 
+//停止监听
+const offEvent = libPixiEvent(container, "pointerdown", (e) => {
+  console.log("Pointer down event triggered", e);
+  offEvent();
+});
+
 //只执行一次的事件
 libPixiEvent(
   container,
@@ -782,7 +788,7 @@ globalUpdater.setInstance("ToolbarUI", this.toolbarUI);
 import type { GameUI } from "@/app/ui/GameUI";
 import type { ToolbarUI } from "@/app/ui/ToolbarUI";
 
-type Instances = "GameUI" | "ToolbarUI"
+type Instances = "GameUI" | "ToolbarUI";
 const globalUpdater = new GlobalUpdater<Instances>();
 export { globalUpdater };
 
@@ -798,6 +804,5 @@ $bus.on("play", () => {
 > 多边形绘制工具，绘制时浏览器窗口需要全屏显示，空格键控制开始和结束，开始后鼠标进行点击绘制，退格删除点，空格结束绘制，绘制结果在控制台打印，不满意可再次按空格清空并重新绘制
 
 ```ts
-new LibPixiPolygonDrawTool(app)
+new LibPixiPolygonDrawTool(app);
 ```
-

package/Utils/LibPixiEvent.d.ts

@@ -1,9 +1,10 @@
-import type { Container, DisplayObjectEvents } from "pixi.js";
+import type { Container, DisplayObjectEvents, FederatedPointerEvent } from "pixi.js";
 /** @description 事件注册
  * @param v 事件容器
  * @param eventName 事件名称
  * @param callback 回调函数
  * @param once 是否只执行一次
+ * @returns 停止监听
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
  */
-export declare const libPixiEvent: (v: Container, eventName: keyof DisplayObjectEvents, callback: (...args: any) => void, once?: boolean) => void;
+export declare const libPixiEvent: (v: Container, eventName: keyof DisplayObjectEvents, callback: (event: FederatedPointerEvent) => void, once?: boolean) => () => void;

package/Utils/LibPixiEvent.js

@@ -3,6 +3,7 @@
  * @param eventName 事件名称
  * @param callback 回调函数
  * @param once 是否只执行一次
+ * @returns 停止监听
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
  */
 export const libPixiEvent = (v, eventName, callback, once = false) => {
@@ -19,4 +20,7 @@ export const libPixiEvent = (v, eventName, callback, once = false) => {
     else {
         v.on(eventName, fn);
     }
+    return () => {
+        v.off(eventName, fn);
+    };
 };

package/Utils/LibPixiEventControlled.d.ts

@@ -1,8 +1,8 @@
-import type { Container, DisplayObjectEvents } from "pixi.js";
+import type { Container, DisplayObjectEvents, FederatedPointerEvent } from "pixi.js";
 /** @description 设置可关闭的事件监听，调用自身后不再触发
  * @param container 事件容器
  * @param eventName 事件名称
  * @param callback 事件回调
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEventControlled-可关闭的事件
  */
-export declare const libPixiEventControlled: (container: Container, eventName: keyof DisplayObjectEvents, callback: (...args: any) => void) => () => void;
+export declare const libPixiEventControlled: (container: Container, eventName: keyof DisplayObjectEvents, callback: (e: FederatedPointerEvent) => void) => () => void;

package/libPixiJs.d.ts

@@ -106,14 +106,14 @@ export declare const Utils: {
      * @param once 是否只执行一次
      * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
      */
-    libPixiEvent: (v: import("pixi.js").Container, eventName: keyof import("pixi.js").DisplayObjectEvents, callback: (...args: any) => void, once?: boolean) => void;
+    libPixiEvent: (v: import("pixi.js").Container, eventName: keyof import("pixi.js").DisplayObjectEvents, callback: (event: import("pixi.js").FederatedPointerEvent) => void, once?: boolean) => () => void;
     /** @description 设置可关闭的事件监听，调用自身后不再触发
      * @param container 事件容器
      * @param eventName 事件名称
      * @param callback 事件回调
      * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEventControlled-可关闭的事件
      */
-    libPixiEventControlled: (container: import("pixi.js").Container, eventName: keyof import("pixi.js").DisplayObjectEvents, callback: (...args: any) => void) => () => void;
+    libPixiEventControlled: (container: import("pixi.js").Container, eventName: keyof import("pixi.js").DisplayObjectEvents, callback: (e: import("pixi.js").FederatedPointerEvent) => void) => () => void;
     /** @description 滤镜
      * @param filterName 滤镜名称
      * @param v 滤镜值