lyb-pixi-js 1.12.33 → 1.12.34

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,133 @@
+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;
+            (_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;

package/Utils/LibPixiEvent.js

@@ -0,0 +1,68 @@
+const debounceImmediate = (func, wait) => {
+    let timer = null;
+    let invoked = false;
+    return (...args) => {
+        if (!invoked) {
+            func(...args);
+            invoked = true;
+        }
+        if (timer)
+            clearTimeout(timer);
+        timer = setTimeout(() => {
+            invoked = false;
+        }, wait);
+    };
+};
+/** @description 事件注册
+ * @param v 事件容器
+ * @param eventName 事件名称
+ * @param callback 回调函数
+ * @returns 停止监听
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
+ */
+export const libPixiEvent = (v, eventName, callback, params = {}) => {
+    const { once = false, debounce = false, debounceTime = 1000, preventDragClick = false, } = params;
+    v.cursor = "pointer";
+    v.eventMode = "static";
+    let lastX = 0;
+    let lastY = 0;
+    let isDragging = false;
+    if (preventDragClick) {
+        v.on("pointerdown", (e) => {
+            isDragging = false;
+            lastX = e.globalX;
+            lastY = e.globalY;
+            const threshold = 10; // 阈值像素
+            const moveHandler = (ev) => {
+                const dx = ev.globalX - lastX;
+                const dy = ev.globalY - lastY;
+                if (dx * dx + dy * dy > threshold * threshold) {
+                    isDragging = true;
+                }
+            };
+            const upHandler = () => {
+                v.off("pointermove", moveHandler);
+                v.off("pointerup", upHandler);
+            };
+            v.on("pointermove", moveHandler);
+            v.on("pointerup", upHandler);
+        });
+    }
+    const fn = (e) => {
+        if (isDragging && ["pointertap", "pointerup"].includes(eventName))
+            return;
+        if (e.button === 2)
+            return;
+        callback(e);
+    };
+    const handler = debounce ? debounceImmediate(fn, debounceTime) : fn;
+    if (once) {
+        v.once(eventName, handler);
+    }
+    else {
+        v.on(eventName, handler);
+    }
+    return () => {
+        v.off(eventName, handler);
+    };
+};

package/Utils/LibPixiFilter.d.ts

@@ -0,0 +1,9 @@
+/** @description 设置滤镜 */
+import { ColorMatrixFilter, BlurFilter } from "pixi.js";
+export type LibPixiSetFilterFilterName = "brightness" | "blur" | "desaturate" | "contrast" | "saturate";
+/** @description 滤镜
+ * @param filterName 滤镜名称
+ * @param v 滤镜值
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
+ */
+export declare const libPixiFilter: (filterName: LibPixiSetFilterFilterName, v?: number) => ColorMatrixFilter | BlurFilter;

package/Utils/LibPixiFilter.js

@@ -0,0 +1,34 @@
+/** @description 设置滤镜 */
+import { ColorMatrixFilter, BlurFilter } from "pixi.js";
+/** @description 滤镜
+ * @param filterName 滤镜名称
+ * @param v 滤镜值
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
+ */
+export const libPixiFilter = (filterName, v) => {
+    let filter;
+    if (filterName === "brightness") {
+        filter = new ColorMatrixFilter();
+        filter.brightness(v, false); // 设置亮度
+    }
+    else if (filterName === "blur") {
+        filter = new BlurFilter();
+    }
+    else if (filterName === "desaturate") {
+        filter = new ColorMatrixFilter();
+        filter.desaturate();
+    }
+    else if (filterName === "contrast") {
+        filter = new ColorMatrixFilter();
+        filter.contrast(v, false);
+    }
+    else if (filterName === "saturate") {
+        filter = new ColorMatrixFilter();
+        filter.saturate(v, false);
+    }
+    else {
+        throw new Error("未知滤镜名称");
+    }
+    filter.resolution = window.devicePixelRatio || 1;
+    return filter;
+};

package/Utils/LibPixiGlobalUpdater.d.ts

@@ -0,0 +1,15 @@
+import type { Container } from "pixi.js";
+/** @description 事件总线更新实例汇总 */
+export declare class LibPixiGlobalUpdater<Instances> {
+    /** 实例列表 */
+    private instances;
+    /** @description 存储实例
+     * @param key 实例key
+     * @param instance 实例
+     */
+    setInstance(key: Instances, instance: Container): void;
+    /** @description 获取实例
+     * @param key 实例key
+     */
+    getInstance<T>(key: Instances): T;
+}

package/Utils/LibPixiGlobalUpdater.js

@@ -0,0 +1,21 @@
+/** @description 事件总线更新实例汇总 */
+export class LibPixiGlobalUpdater {
+    constructor() {
+        /** 实例列表 */
+        this.instances = new Map();
+    }
+    /** @description 存储实例
+     * @param key 实例key
+     * @param instance 实例
+     */
+    setInstance(key, instance) {
+        this.instances.has(key) && this.instances.delete(key);
+        this.instances.set(key, instance);
+    }
+    /** @description 获取实例
+     * @param key 实例key
+     */
+    getInstance(key) {
+        return this.instances.get(key);
+    }
+}

package/Utils/LibPixiGridLayout.d.ts

@@ -0,0 +1,10 @@
+import { Container } from "pixi.js";
+/**
+ * @description 将元素按照指定的列数和间隔排列成网格布局。
+ * @param items 要排列的元素数组
+ * @param gap 每个元素之间的间隔
+ * @param cols 网格的列数，默认为元素数量
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiGridLayout-网格布局
+ * @param direction 排列方向: "row" 行优先(默认) | "col" 列优先
+ */
+export declare const LibPixiGridLayout: (items: Container[], gap: number, cols?: number, direction?: "row" | "col") => void;

package/Utils/LibPixiGridLayout.js

@@ -0,0 +1,27 @@
+/**
+ * @description 将元素按照指定的列数和间隔排列成网格布局。
+ * @param items 要排列的元素数组
+ * @param gap 每个元素之间的间隔
+ * @param cols 网格的列数，默认为元素数量
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiGridLayout-网格布局
+ * @param direction 排列方向: "row" 行优先(默认) | "col" 列优先
+ */
+export const LibPixiGridLayout = (items, gap, cols = items.length, direction = "row") => {
+    const rows = Math.ceil(items.length / cols); // 动态计算行数
+    items.forEach((item, index) => {
+        const itemWidth = item.width || 0;
+        const itemHeight = item.height || 0;
+        let colIndex = 0;
+        let rowIndex = 0;
+        if (direction === "row") {
+            colIndex = index % cols;
+            rowIndex = Math.floor(index / cols);
+        }
+        else {
+            colIndex = Math.floor(index / rows);
+            rowIndex = index % rows;
+        }
+        item.x = colIndex * (itemWidth + gap);
+        item.y = rowIndex * (itemHeight + gap);
+    });
+};

package/Utils/LibPixiHVCenter.d.ts

@@ -0,0 +1,7 @@
+import { Container } from "pixi.js";
+/** @description 列表居中
+ * @param parent 父容器
+ * @param items 子元素数组
+ * @param direction 方向数组，"x"表示水平，"y"表示垂直
+ */
+export declare const libPixiHVCenter: (parent: Container, items: Container[], direction: ("x" | "y")[]) => void;

package/Utils/LibPixiHVCenter.js

@@ -0,0 +1,14 @@
+/** @description 列表居中
+ * @param parent 父容器
+ * @param items 子元素数组
+ * @param direction 方向数组，"x"表示水平，"y"表示垂直
+ */
+export const libPixiHVCenter = (parent, items, direction) => {
+    items.forEach((item) => {
+        direction.forEach((d) => {
+            item[d] =
+                parent[d === "x" ? "width" : "height"] / 2 -
+                    item[d === "x" ? "width" : "height"] / 2;
+        });
+    });
+};

package/Utils/LibPixiHVGap.d.ts

@@ -0,0 +1,8 @@
+import { Container } from "pixi.js";
+/**
+ * @description 按照指定方向（水平或垂直）排列元素，支持固定间隔或自定义每个间隔。
+ * @param items 要排列的元素数组。
+ * @param gap 元素之间的间隔，可以是固定间隔或自定义的间隔数组。
+ * @param direction 排列方向，"x"表示水平，"y"表示垂直，默认为水平。
+ */
+export declare const libPixiHVGap: (items: Container[], gap: number | number[], direction?: "x" | "y") => void;

package/Utils/LibPixiHVGap.js

@@ -0,0 +1,26 @@
+/**
+ * @description 按照指定方向（水平或垂直）排列元素，支持固定间隔或自定义每个间隔。
+ * @param items 要排列的元素数组。
+ * @param gap 元素之间的间隔，可以是固定间隔或自定义的间隔数组。
+ * @param direction 排列方向，"x"表示水平，"y"表示垂直，默认为水平。
+ */
+export const libPixiHVGap = (items, gap, direction = "x") => {
+    if (Array.isArray(gap)) {
+        if (gap.length !== items.length - 1) {
+            console.error(new Error("间隔的数组长度只能等于元素数组长度-1"));
+            return;
+        }
+    }
+    let lastPosition = 0;
+    items.forEach((item, index) => {
+        const position = index === 0 ? 0 : lastPosition + (Array.isArray(gap) ? gap[index - 1] : gap);
+        if (direction === "x") {
+            item.x = position;
+            lastPosition = item.x + item.width;
+        }
+        else {
+            item.y = position;
+            lastPosition = item.y + item.height;
+        }
+    });
+};

package/Utils/LibPixiIntervalTrigger.d.ts

@@ -0,0 +1,7 @@
+/** @description 间隔触发
+ * @param callback 回调函数
+ * @param interval 间隔毫秒，或随机范围
+ * @param immediately 是否立即执行一次
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
+ */
+export declare const libPixiIntervalTrigger: (callback: () => void, interval: number | [number, number], immediately?: boolean) => () => void;

package/Utils/LibPixiIntervalTrigger.js

@@ -0,0 +1,35 @@
+import { Ticker } from "pixi.js"; //@ts-ignore
+import { libJsRandom } from "lyb-js/Random/LibJsRandom.js";
+/** @description 间隔触发
+ * @param callback 回调函数
+ * @param interval 间隔毫秒，或随机范围
+ * @param immediately 是否立即执行一次
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
+ */
+export const libPixiIntervalTrigger = (callback, interval, immediately = true) => {
+    let elapsedTime = 0;
+    // 创建一个新的 Ticker 实例
+    const ticker = new Ticker();
+    // 创建回调函数
+    const tickerCallback = () => {
+        elapsedTime += ticker.elapsedMS;
+        let intervalNum = 0;
+        if (Array.isArray(interval)) {
+            intervalNum = libJsRandom(interval[0], interval[1], 2);
+        }
+        else {
+            intervalNum = interval;
+        }
+        if (elapsedTime >= intervalNum) {
+            callback();
+            elapsedTime = 0;
+        }
+    };
+    immediately && callback();
+    ticker.add(tickerCallback);
+    ticker.start();
+    return () => {
+        ticker.remove(tickerCallback);
+        ticker.stop();
+    };
+};

package/Utils/LibPixiOutsideClick.d.ts

@@ -0,0 +1,8 @@
+import type { Container } from "pixi.js";
+/** @description 点击容器外或入口按钮时隐藏
+ * @param container 容器
+ * @param btn 按钮
+ * @param onClose 关闭回调
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiOutsideClick-失焦隐藏
+ */
+export declare const libPixiOutsideClick: (container: Container, btn: Container, onClose: () => void) => () => void;

package/Utils/LibPixiOutsideClick.js

@@ -0,0 +1,22 @@
+/** @description 点击容器外或入口按钮时隐藏
+ * @param container 容器
+ * @param btn 按钮
+ * @param onClose 关闭回调
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiOutsideClick-失焦隐藏
+ */
+export const libPixiOutsideClick = (container, btn, onClose) => {
+    const outsideClick = (e) => {
+        const btnInside = btn.getBounds().contains(e.clientX, e.clientY);
+        const containerInside = container
+            .getBounds()
+            .contains(e.clientX, e.clientY);
+        if (!btnInside && !containerInside && container.visible) {
+            onClose();
+            window.removeEventListener("pointerdown", outsideClick);
+        }
+    };
+    window.addEventListener("pointerdown", outsideClick);
+    return () => {
+        window.removeEventListener("pointerdown", outsideClick);
+    };
+};