lyb-pixi-js 1.12.33 → 1.12.35

package/Utils/LibPixiAudio.d.ts

@@ -0,0 +1,53 @@
+import "@pixi/sound";
+export declare class LibPixiAudio {
+    /** 是否启用音效 */
+    effectEnabled: boolean;
+    /** 是否启用音乐 */
+    musicEnabled: boolean;
+    /** 音乐是否处于暂停状态 */
+    private _isMusicPaused;
+    /** 是否已切换后台 */
+    private _isBackground;
+    /** 当前音乐播放器 */
+    private _musicPlayer?;
+    /** 当前正在播放的音效列表 */
+    private _playingList;
+    constructor();
+    /** @description 播放音效
+     * @param key 音效资源Key，内部会使用Assets.get(key)获取音频资源
+     * @param end 倒数几秒位置播放，单位秒
+     */
+    playEffect(key: string, end?: number): Promise<void>;
+    /** @description 播放音乐
+     * @param key 音效资源Key，内部会使用Assets.get(key)获取音频资源
+     */
+    playMusic(key: string): Promise<void>;
+    /** @description 暂停音乐 */
+    pauseMusic(): void;
+    /** @description 继续播放音乐 */
+    resumeMusic(): void;
+    /** @description 停止播放指定音效
+     * @param key 音效资源Key，内部会使用Assets.get(key)获取音频资源进行停止
+     */
+    stopEffect(key: string): void;
+    /** @description 设置启用音效
+     * @param enabled 启用状态，false为禁用
+     */
+    setEffectEnabled(enabled: boolean): void;
+    /** @description 设置启用音乐
+     * @param enabled 启用状态，false为禁用
+     */
+    setMusicEnabled(enabled: boolean): void;
+    /** @description 设置音效和音乐播放状态
+     * @param status 播放状态，false为暂停
+     */
+    private _setPlayStatus;
+    /** @description 设置静音音乐
+     * @param disabled 静音状态，true为静音
+     */
+    private _setMusicMute;
+    /** @description 设置静音音效
+     * @param disabled 静音状态，true为静音
+     */
+    private _setEffectMute;
+}

package/Utils/LibPixiAudio.js

@@ -0,0 +1,168 @@
+var __awaiter = (this && this.__awaiter) || function (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) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Assets } from "pixi.js";
+import { Howl } from "howler";
+import "@pixi/sound";
+import gsap from "gsap";
+export class LibPixiAudio {
+    constructor() {
+        /** 是否启用音效 */
+        this.effectEnabled = true;
+        /** 是否启用音乐 */
+        this.musicEnabled = true;
+        /** 音乐是否处于暂停状态 */
+        this._isMusicPaused = false;
+        /** 是否已切换后台 */
+        this._isBackground = false;
+        /** 当前正在播放的音效列表 */
+        this._playingList = [];
+        /** @description 设置音效和音乐播放状态
+         * @param status 播放状态，false为暂停
+         */
+        this._setPlayStatus = (status) => {
+            var _a, _b;
+            if (status) {
+                !this._isMusicPaused && ((_a = this._musicPlayer) === null || _a === void 0 ? void 0 : _a.play());
+            }
+            else {
+                (_b = this._musicPlayer) === null || _b === void 0 ? void 0 : _b.pause();
+            }
+            this._playingList.forEach((item) => {
+                if (status) {
+                    item.audio.play();
+                }
+                else {
+                    item.audio.pause();
+                }
+            });
+        };
+        document.addEventListener("visibilitychange", () => {
+            this._isBackground = document.hidden;
+            this._setPlayStatus(!document.hidden);
+        });
+    }
+    /** @description 播放音效
+     * @param key 音效资源Key，内部会使用Assets.get(key)获取音频资源
+     * @param end 倒数几秒位置播放，单位秒
+     */
+    playEffect(key, end) {
+        return new Promise((resolve) => {
+            const id = Math.random();
+            const url = Assets.get(key).url;
+            const sound = new Howl({
+                src: url,
+                mute: this._isBackground || !this.effectEnabled,
+            });
+            sound.play();
+            sound.on("end", () => {
+                this._playingList = this._playingList.filter((item) => item.id !== id);
+                resolve();
+            });
+            //倒数几秒位置播放
+            if (end) {
+                const duration = sound.duration();
+                const start = duration - end;
+                sound.seek(start);
+            }
+            this._playingList.push({
+                id,
+                audio: sound,
+                url,
+            });
+        });
+    }
+    /** @description 播放音乐
+     * @param key 音效资源Key，内部会使用Assets.get(key)获取音频资源
+     */
+    playMusic(key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const url = Assets.get(key).url;
+            //如果有音乐正在播放，则停止
+            if (this._musicPlayer) {
+                gsap.killTweensOf(this._musicPlayer);
+                yield gsap.to(this._musicPlayer, {
+                    volume: 0,
+                    duration: 1,
+                    ease: "linear",
+                });
+                this._musicPlayer.stop();
+            }
+            this._musicPlayer = new Howl({
+                src: url,
+                loop: true,
+                volume: 0,
+                mute: this._isBackground || !this.musicEnabled,
+            });
+            this._musicPlayer.play();
+            this._isMusicPaused = false;
+            gsap.killTweensOf(this._musicPlayer);
+            gsap.to(this._musicPlayer, {
+                volume: 1,
+                duration: 1,
+                ease: "linear",
+            });
+        });
+    }
+    /** @description 暂停音乐 */
+    pauseMusic() {
+        var _a;
+        this._isMusicPaused = true;
+        (_a = this._musicPlayer) === null || _a === void 0 ? void 0 : _a.pause();
+    }
+    /** @description 继续播放音乐 */
+    resumeMusic() {
+        var _a, _b;
+        this._isMusicPaused = false;
+        if ((_a = this._musicPlayer) === null || _a === void 0 ? void 0 : _a.playing())
+            return;
+        (_b = this._musicPlayer) === null || _b === void 0 ? void 0 : _b.play();
+    }
+    /** @description 停止播放指定音效
+     * @param key 音效资源Key，内部会使用Assets.get(key)获取音频资源进行停止
+     */
+    stopEffect(key) {
+        const url = Assets.get(key).url;
+        this._playingList.forEach((item) => {
+            if (item.url === url) {
+                item.audio.stop();
+            }
+        });
+        this._playingList = this._playingList.filter((item) => item.url !== url);
+    }
+    /** @description 设置启用音效
+     * @param enabled 启用状态，false为禁用
+     */
+    setEffectEnabled(enabled) {
+        this.effectEnabled = enabled;
+        this._setEffectMute(!enabled);
+    }
+    /** @description 设置启用音乐
+     * @param enabled 启用状态，false为禁用
+     */
+    setMusicEnabled(enabled) {
+        this.musicEnabled = enabled;
+        this._setMusicMute(!enabled);
+    }
+    /** @description 设置静音音乐
+     * @param disabled 静音状态，true为静音
+     */
+    _setMusicMute(disabled) {
+        var _a;
+        (_a = this._musicPlayer) === null || _a === void 0 ? void 0 : _a.mute(disabled || !this.musicEnabled);
+    }
+    /** @description 设置静音音效
+     * @param disabled 静音状态，true为静音
+     */
+    _setEffectMute(disabled) {
+        this._playingList.forEach((item) => {
+            item.audio.mute(disabled || !this.effectEnabled);
+        });
+    }
+}

package/Utils/LibPixiCreateNineGrid.d.ts

@@ -0,0 +1,15 @@
+import { NineSlicePlane, type Texture } from "pixi.js";
+export interface LibPixiCreateNineGridParams {
+    /** 九宫格图片 */
+    texture: Texture;
+    /** 四个角的宽度 */
+    dotWidth: number | [number, number, number, number];
+    /** 宽度 */
+    width: number;
+    /** 高度 */
+    height: number;
+}
+/** @description 九宫格图
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
+ */
+export declare const libPixiCreateNineGrid: (params: LibPixiCreateNineGridParams) => NineSlicePlane;

package/Utils/LibPixiCreateNineGrid.js

@@ -0,0 +1,19 @@
+import { NineSlicePlane } from "pixi.js";
+/** @description 九宫格图
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
+ */
+export const libPixiCreateNineGrid = (params) => {
+    const { texture, dotWidth, width, height } = params;
+    let slice_width = [];
+    // 四个角的宽度
+    if (Array.isArray(dotWidth)) {
+        slice_width = dotWidth;
+    }
+    else {
+        slice_width = [dotWidth, dotWidth, dotWidth, dotWidth];
+    }
+    const nineSlicePlane = new NineSlicePlane(texture, slice_width[0], slice_width[1], slice_width[2], slice_width[3]);
+    nineSlicePlane.width = width;
+    nineSlicePlane.height = height;
+    return nineSlicePlane;
+};

package/Utils/LibPixiDialogManager/index.d.ts

@@ -0,0 +1,25 @@
+import type { Container } from "pixi.js";
+import type { LibPixiBaseContainer } from "./ui/LibPixiBaseContainer";
+export { LibPixiBaseContainer } from "./ui/LibPixiBaseContainer";
+export { LibPixiDialog } from "./ui/LibPixiDialog";
+interface IViewCtor {
+    new (...args: any[]): LibPixiBaseContainer;
+}
+/** @description 弹窗管理器 */
+export declare class LibPixiDialogManager {
+    /** 视图表 */
+    private views;
+    /** open时显示的元素的父容器 */
+    private _openContainer;
+    constructor(parent: Container);
+    /**
+     * 打开界面
+     * @param View 实例类型或构造方法
+     * @param args 实例参数
+     */
+    open<T extends IViewCtor>(View: T, id: string, ...args: ConstructorParameters<T>): InstanceType<T>;
+    /** @description 关闭页面，会调用页面的 onBeforeUnmount 事件，里面会做关闭动画，动画结束后会自动销毁
+     * @param id 页面名称
+     */
+    close(id: string): Promise<void>;
+}

package/Utils/LibPixiDialogManager/index.js

@@ -0,0 +1,43 @@
+var __awaiter = (this && this.__awaiter) || function (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) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export { LibPixiBaseContainer } from "./ui/LibPixiBaseContainer";
+export { LibPixiDialog } from "./ui/LibPixiDialog";
+/** @description 弹窗管理器 */
+export class LibPixiDialogManager {
+    constructor(parent) {
+        /** 视图表 */
+        this.views = {};
+        this._openContainer = parent;
+    }
+    /**
+     * 打开界面
+     * @param View 实例类型或构造方法
+     * @param args 实例参数
+     */
+    open(View, id, ...args) {
+        const view = new View(...args);
+        this._openContainer.addChild(view);
+        this.views[id] = view;
+        return view;
+    }
+    /** @description 关闭页面，会调用页面的 onBeforeUnmount 事件，里面会做关闭动画，动画结束后会自动销毁
+     * @param id 页面名称
+     */
+    close(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const view = this.views[id];
+            if (view) {
+                yield ((_a = view.destroy) === null || _a === void 0 ? void 0 : _a.call(view));
+                delete this.views[id];
+            }
+        });
+    }
+}

package/Utils/LibPixiDialogManager/ui/LibPixiBaseContainer.d.ts

@@ -0,0 +1,11 @@
+import { Container } from "pixi.js";
+/** @description  */
+export declare class LibPixiBaseContainer extends Container {
+    /** 销毁之前 */
+    protected _onBeforeDestroy?: () => void | Promise<void>;
+    /** 已销毁 */
+    protected _onDestroyed?: () => void;
+    constructor();
+    /** @description 销毁 */
+    destroy(): Promise<void>;
+}

package/Utils/LibPixiDialogManager/ui/LibPixiBaseContainer.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (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) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Container } from "pixi.js";
+/** @description  */
+export class LibPixiBaseContainer extends Container {
+    constructor() {
+        super();
+    }
+    /** @description 销毁 */
+    destroy() {
+        const _super = Object.create(null, {
+            destroy: { get: () => super.destroy }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            yield ((_a = this._onBeforeDestroy) === null || _a === void 0 ? void 0 : _a.call(this));
+            requestAnimationFrame(() => {
+                var _a;
+                _super.destroy.call(this, { children: true });
+                (_a = this._onDestroyed) === null || _a === void 0 ? void 0 : _a.call(this);
+            });
+        });
+    }
+}

package/Utils/LibPixiDialogManager/ui/LibPixiDialog.d.ts

@@ -0,0 +1,38 @@
+import { Container } from "pixi.js";
+import { LibPixiBaseContainer } from "./LibPixiBaseContainer";
+interface Params {
+    /** 是否需要显示黑色背景 */
+    needBg?: boolean;
+    /** 竖版初始大小 */
+    size?: number;
+    /** 点击蒙版回调 */
+    onClickMask?: () => void;
+}
+/** @description 弹窗组件 */
+export declare class LibPixiDialog extends LibPixiBaseContainer {
+    /** 黑色背景透明度 */
+    static bgAlpha: number;
+    /** 动画时长 */
+    static durationIn: number;
+    static durationOut: number;
+    /** 是否支持横竖版 */
+    static adaptation: "hv" | "h" | "v";
+    /** 蒙版UI */
+    private _maskUI;
+    /** 内容容器 */
+    private _dialogContainer;
+    /** 当前大小 */
+    private _size;
+    /** 竖版初始大小 */
+    private _initialSize;
+    /** 停止监听窗口 */
+    private _offResize?;
+    constructor(params?: Params);
+    /** @description 设置弹窗内容 */
+    setDialogContent(content: Container): void;
+    /** @description 重绘弹窗 */
+    redraw(w: number, h: number): void;
+    /** @description 关闭 */
+    close(): Promise<void>;
+}
+export {};

package/Utils/LibPixiDialogManager/ui/LibPixiDialog.js

@@ -0,0 +1,134 @@
+var __awaiter = (this && this.__awaiter) || function (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) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Container } from "pixi.js";
+import gsap from "gsap";
+import { LibJsResizeWatcher } from "lyb-js/Base/LibJsResizeWatcher.js";
+import { LibPixiRectangle } from "../../../Components/Base/LibPixiRectangle";
+import { libPixiEvent } from "../../LibPixiEvent";
+import { LibPixiBaseContainer } from "./LibPixiBaseContainer";
+/** @description 弹窗组件 */
+export class LibPixiDialog extends LibPixiBaseContainer {
+    constructor(params) {
+        super();
+        /** 当前大小 */
+        this._size = 1;
+        const { size = 1, onClickMask, needBg = true } = params || {};
+        this._initialSize = size;
+        //蒙版
+        this._maskUI = new LibPixiRectangle(2700, 1080, "#000");
+        this.addChild(this._maskUI);
+        this._maskUI.alpha = 0;
+        this._maskUI.eventMode = "static";
+        this._maskUI.visible = needBg;
+        if (onClickMask) {
+            libPixiEvent(this._maskUI, "pointertap", () => {
+                var _a;
+                onClickMask === null || onClickMask === void 0 ? void 0 : onClickMask();
+                (_a = this._offResize) === null || _a === void 0 ? void 0 : _a.call(this);
+            }, {
+                once: true,
+            });
+        }
+        //弹窗内容容器
+        this._dialogContainer = new Container();
+        this.addChild(this._dialogContainer);
+        this._dialogContainer.eventMode = "static";
+        const resize = new LibJsResizeWatcher(LibPixiDialog.adaptation);
+        this._offResize = resize.on(this.redraw.bind(this));
+    }
+    /** @description 设置弹窗内容 */
+    setDialogContent(content) {
+        this._dialogContainer.addChild(content);
+        if (LibPixiDialog.adaptation === "h") {
+            this.redraw(1920, 1080);
+        }
+        else if (LibPixiDialog.adaptation === "v") {
+            this.redraw(1080, 1920);
+        }
+        else {
+            this.redraw(window.innerWidth, window.innerHeight);
+        }
+        this._dialogContainer.scale.set(0);
+        this._dialogContainer.alpha = 0;
+        gsap.to(this._maskUI, {
+            duration: LibPixiDialog.durationIn,
+            alpha: LibPixiDialog.bgAlpha,
+        });
+        gsap.to(this._dialogContainer, {
+            duration: LibPixiDialog.durationIn,
+            alpha: 1,
+        });
+    }
+    /** @description 重绘弹窗 */
+    redraw(w, h) {
+        const dialogW = this._dialogContainer.width / 2;
+        const dialogH = this._dialogContainer.height / 2;
+        this._dialogContainer.pivot.set(dialogW, dialogH);
+        const halfW = 1920 / 2;
+        const halfH = 1080 / 2;
+        if (w > h) {
+            this._maskUI.width = 2700;
+            this._maskUI.height = 1080;
+            this._maskUI.x = -(2700 - 1920) / 2;
+            this._dialogContainer.position.set(halfW, halfH);
+            this._size = 1;
+            if (this._dialogContainer.scale.x === this._initialSize) {
+                this._dialogContainer.scale.set(1);
+            }
+        }
+        else {
+            this._maskUI.width = 1080;
+            this._maskUI.height = 2700;
+            this._maskUI.x = 0;
+            this._dialogContainer.position.set(halfH, halfW);
+            this._size = this._initialSize;
+            if (this._dialogContainer.scale.x === 1) {
+                this._dialogContainer.scale.set(this._initialSize);
+            }
+        }
+        gsap.to(this._dialogContainer.scale, {
+            duration: LibPixiDialog.durationIn,
+            ease: "back.out",
+            x: this._size,
+            y: this._size,
+        });
+    }
+    /** @description 关闭 */
+    close() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            this._maskUI.eventMode = "none";
+            (_a = this._offResize) === null || _a === void 0 ? void 0 : _a.call(this);
+            gsap.to(this._dialogContainer.scale, {
+                duration: LibPixiDialog.durationOut,
+                ease: "back.in",
+                x: 0,
+                y: 0,
+            });
+            gsap.to(this._dialogContainer, {
+                duration: LibPixiDialog.durationOut,
+                delay: LibPixiDialog.durationOut / 2,
+                alpha: 0,
+            });
+            yield gsap.to(this._maskUI, {
+                duration: LibPixiDialog.durationOut,
+                delay: LibPixiDialog.durationOut / 2,
+                alpha: 0,
+            });
+        });
+    }
+}
+/** 黑色背景透明度 */
+LibPixiDialog.bgAlpha = 0.5;
+/** 动画时长 */
+LibPixiDialog.durationIn = 0.5;
+LibPixiDialog.durationOut = 0.5;
+/** 是否支持横竖版 */
+LibPixiDialog.adaptation = "hv";

package/Utils/LibPixiDigitalIncreasingAnimation.d.ts

@@ -0,0 +1,18 @@
+export interface LibPixiDigitalIncreasingAnimationParams {
+    /** 目标值 */
+    value: number;
+    /** 开始值 */
+    startValue?: number;
+    /** 动画时长 */
+    duration?: number;
+    /** 值改变时触发 */
+    onChange: (value: string) => void;
+    /** 动画完成后触发 */
+    onComplete?: () => void;
+}
+/** @description 数值递增动画
+ * @param params 动画参数
+ * @returns 设置为目标值并停止动画
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDigitalIncreasingAnimation-递增动画
+ */
+export declare const LibPixiDigitalIncreasingAnimation: (params: LibPixiDigitalIncreasingAnimationParams) => () => void;

package/Utils/LibPixiDigitalIncreasingAnimation.js

@@ -0,0 +1,26 @@
+import { libJsNumComma } from "lyb-js/Formatter/LibJsNumComma.js";
+import gsap from "gsap";
+/** @description 数值递增动画
+ * @param params 动画参数
+ * @returns 设置为目标值并停止动画
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDigitalIncreasingAnimation-递增动画
+ */
+export const LibPixiDigitalIncreasingAnimation = (params) => {
+    const { value, onChange, onComplete, startValue = 0, duration = 4 } = params;
+    // 动画递增的目标值
+    const animatedValue = { value: startValue };
+    // 使用 GSAP 创建递增动画
+    gsap.killTweensOf(animatedValue);
+    const amountAnimation = gsap.to(animatedValue, {
+        value,
+        duration,
+        ease: "linear",
+        onUpdate: () => {
+            onChange(libJsNumComma(animatedValue.value, 2));
+        },
+        onComplete: onComplete,
+    });
+    return () => {
+        amountAnimation.progress(1);
+    };
+};

package/Utils/LibPixiDownScaleAnimation.d.ts

@@ -0,0 +1,7 @@
+import { Container } from "pixi.js";
+/** @description 按下放大
+ * @param container 要放大的容器
+ * @param type 缩放类型
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
+ */
+export declare const LibPixiDownScaleAnimation: (container: Container, type?: "small" | "big") => void;

package/Utils/LibPixiDownScaleAnimation.js

@@ -0,0 +1,33 @@
+import { libPixiEvent } from "./LibPixiEvent";
+import gsap from "gsap";
+/** @description 按下放大
+ * @param container 要放大的容器
+ * @param type 缩放类型
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
+ */
+export const LibPixiDownScaleAnimation = (container, type = "big") => {
+    libPixiEvent(container, "pointerdown", () => {
+        gsap.to(container, {
+            duration: 0.1,
+            pixi: {
+                scale: type === "big" ? 1.1 : 0.9,
+            },
+        });
+    });
+    libPixiEvent(container, "pointerup", () => {
+        gsap.to(container, {
+            duration: 0.1,
+            pixi: {
+                scale: 1,
+            },
+        });
+    });
+    libPixiEvent(container, "pointerleave", () => {
+        gsap.to(container, {
+            duration: 0.1,
+            pixi: {
+                scale: 1,
+            },
+        });
+    });
+};

package/Utils/LibPixiEmitContainerEvent.d.ts

@@ -0,0 +1,7 @@
+import { Container } from "pixi.js";
+/** @description 触发后代监听
+ * @param container 容器
+ * @param event 事件名称
+ * @param payload 事件携带数据
+ */
+export declare const LibPixiEmitContainerEvent: (container: Container, event: string, payload?: any) => void;

package/Utils/LibPixiEmitContainerEvent.js

@@ -0,0 +1,13 @@
+/** @description 触发后代监听
+ * @param container 容器
+ * @param event 事件名称
+ * @param payload 事件携带数据
+ */
+export const LibPixiEmitContainerEvent = (container, event, payload) => {
+    container.children.forEach((child) => {
+        child.emit(event, payload);
+        if ("children" in child) {
+            LibPixiEmitContainerEvent(child, event, payload);
+        }
+    });
+};

package/Utils/LibPixiEvent.d.ts

@@ -0,0 +1,19 @@
+import type { Container, DisplayObjectEvents, FederatedPointerEvent } from "pixi.js";
+export interface LibPixiEventParams {
+    /** 是否只执行一次 */
+    once?: boolean;
+    /** 是否启用防抖 */
+    debounce?: boolean;
+    /** 防抖时长 */
+    debounceTime?: number;
+    /** 是否阻止拖动点击 */
+    preventDragClick?: boolean;
+}
+/** @description 事件注册
+ * @param v 事件容器
+ * @param eventName 事件名称
+ * @param callback 回调函数
+ * @returns 停止监听
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
+ */
+export declare const libPixiEvent: (v: Container, eventName: keyof DisplayObjectEvents, callback: (event: FederatedPointerEvent) => void, params?: LibPixiEventParams) => () => void;