lyb-pixi-js 1.1.18 → 1.1.20

package/Components/Base/LibPixiSpine.d.ts

@@ -1,5 +1,6 @@
 import { type Container } from "pixi.js";
 import { Spine } from "@pixi-spine/runtime-3.8";
+import "pixi-spine";
 export interface OnUpdateParams {
     x: number;
     y: number;

package/Components/Base/LibPixiSpine.js

@@ -1,6 +1,7 @@
 import { Assets, Ticker } from "pixi.js";
 import { Spine } from "@pixi-spine/runtime-3.8";
 import gsap from "gsap";
+import "pixi-spine";
 /** @description 自定义 Spine 动画
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
  */

package/README.md

@@ -652,12 +652,24 @@ stopInterval();
 > 点击容器外或入口按钮时隐藏
 
 ```ts
-const stopOutsideClick = libPixiOutsideClick(container, button, () => {
-  console.log("Container closed");
-});
 
-//停止监听点击事件
-stopOutsideClick();
+let removeEventListener: () => void;
+const btn = new Sprite(Assets.get("btnIcon"));
+const optionList = new Container();
+libPixiEvent(btn, "pointertap", () => {
+  optionList.visible = !optionList.visible;
+
+  //列表显示后开始监听是否点击容器外
+  if (optionList.visible) {
+    removeEventListener = libPixiOutsideClick(optionList, btn, () => {
+      optionList.visible = false;
+    });
+  }
+  //如果通过再次点击按钮关闭了列表，则移除监听器
+  else {
+    removeEventListener();
+  }
+});
 ```
 
 ### LibPixiOverflowHidden-溢出裁剪