lyb-pixi-js 1.12.33 → 1.12.34

package/Components/Custom/LibPixiTable.js

@@ -0,0 +1,76 @@
+/** @description 表格绘制并填入数字 */
+import { Container, Graphics, Text } from "pixi.js";
+import { libPixiScaleContainer } from '../../Utils/LibPixiScaleContainer';
+/** @description 绘制表格并填充数字
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
+ */
+export class LibPixiTable extends Container {
+    constructor(params) {
+        super();
+        const { data, cellWidth = 130, cellHeight = 100, fontColor = "#fff", firstColumnFontColor = "#fff", fontSize = 30, lineWidth = 2, lineColor = "#5b5b5b", outsideBorder = true, fontBold = true, } = params;
+        this._data = data;
+        this._rows = data.length;
+        this._cols = data[0].length;
+        this._cellWidth = cellWidth;
+        this._cellHeight = cellHeight;
+        this._fontColor = fontColor;
+        this._fontSize = fontSize;
+        this._lineWidth = lineWidth;
+        this._lineColor = lineColor;
+        this._outsideBorder = outsideBorder;
+        this._fontBold = fontBold;
+        this._firstColumnFontColor = firstColumnFontColor;
+        this._drawTable();
+        this.fillNumbers();
+    }
+    /** @description 绘制表格 */
+    _drawTable() {
+        const tableWidth = this._cellWidth * this._cols;
+        const tableHeight = this._cellHeight * this._rows;
+        const graphics = new Graphics();
+        graphics.lineStyle(this._lineWidth, this._lineColor);
+        // 绘制表格外框
+        if (this._outsideBorder) {
+            graphics.drawRect(0, 0, tableWidth, tableHeight);
+        }
+        // 绘制横线
+        for (let i = 1; i < this._rows; i++) {
+            graphics.moveTo(0, i * this._cellHeight);
+            graphics.lineTo(tableWidth, i * this._cellHeight);
+        }
+        // 绘制竖线
+        for (let j = 1; j < this._cols; j++) {
+            graphics.moveTo(j * this._cellWidth, 0);
+            graphics.lineTo(j * this._cellWidth, tableHeight);
+        }
+        this.addChild(graphics);
+    }
+    /** @description 填充数字 */
+    fillNumbers() {
+        for (let row = 0; row < this._rows; row++) {
+            for (let col = 0; col < this._cols; col++) {
+                const number = this._data[row][col];
+                this._createNumberText(number, col, row);
+            }
+        }
+    }
+    /** @description 创建数字文本
+     * @param number 数字
+     * @param col 列索引
+     * @param row 行索引
+     */
+    _createNumberText(number, col, row) {
+        const text = new Text(number.toString(), {
+            _fontSize: this._fontSize,
+            fill: col === 0 ? this._firstColumnFontColor : this._fontColor,
+            fontWeight: this._fontBold ? "bold" : "normal",
+        });
+        // 计算文本的居中位置
+        const x = col * this._cellWidth + this._cellWidth / 2;
+        const y = row * this._cellHeight + this._cellHeight / 2;
+        this.addChild(text);
+        text.anchor.set(0.5);
+        text.position.set(x, y);
+        libPixiScaleContainer(text, this._cellWidth * 0.9);
+    }
+}

package/Components/Custom/LibPixiTextGroupWrap.d.ts

@@ -0,0 +1,20 @@
+import { Container, type ITextStyle } from "pixi.js";
+interface TextItem {
+    text: string;
+    style?: Partial<ITextStyle>;
+}
+interface TextGroupOptions {
+    items: TextItem[];
+    defaultStyle?: Partial<ITextStyle>;
+    wordWrapWidth?: number;
+    paddingX?: number;
+    paddingY?: number;
+    align?: "left" | "center" | "right";
+    anchorX?: number;
+    anchorY?: number;
+}
+/** @description 文本组换行 */
+export declare class LibPixiTextGroupWrap extends Container {
+    constructor({ items, defaultStyle, wordWrapWidth, paddingX, paddingY, align, anchorX, anchorY, }: TextGroupOptions);
+}
+export {};

package/Components/Custom/LibPixiTextGroupWrap.js

@@ -0,0 +1,50 @@
+import { Container, Text } from "pixi.js";
+/** @description 文本组换行 */
+export class LibPixiTextGroupWrap extends Container {
+    constructor({ items, defaultStyle = {}, wordWrapWidth, paddingX = 0, paddingY = 0, align = "left", anchorX = 0, anchorY = 0, }) {
+        super();
+        if (!items.length)
+            return;
+        const lineGroups = [];
+        let currentLine = [];
+        let x = 0;
+        // 分行
+        for (const { text, style = {} } of items) {
+            const instance = new Text(text, Object.assign(Object.assign({}, defaultStyle), style));
+            const w = instance.width;
+            if (wordWrapWidth && x + w > wordWrapWidth && x > 0) {
+                lineGroups.push(currentLine);
+                currentLine = [];
+                x = 0;
+            }
+            currentLine.push(instance);
+            x += w + paddingX;
+        }
+        if (currentLine.length)
+            lineGroups.push(currentLine);
+        // 布局每行
+        let y = 0;
+        for (const line of lineGroups) {
+            const totalWidth = line.reduce((sum, i) => sum + i.width + paddingX, -paddingX);
+            let offsetX = 0;
+            if (align === "center" && wordWrapWidth)
+                offsetX = (wordWrapWidth - totalWidth) / 2;
+            else if (align === "right" && wordWrapWidth)
+                offsetX = wordWrapWidth - totalWidth;
+            let currentX = offsetX;
+            let maxHeight = 0;
+            for (const item of line) {
+                item.x = currentX;
+                item.y = y;
+                this.addChild(item);
+                currentX += item.width + paddingX;
+                if (item.height > maxHeight)
+                    maxHeight = item.height;
+            }
+            y += maxHeight + paddingY;
+        }
+        // 根据 anchor 调整整体偏移
+        const bounds = this.getLocalBounds();
+        this.pivot.set(bounds.x + bounds.width * anchorX, bounds.y + bounds.height * anchorY);
+    }
+}

package/Components/Custom/LibPixiTriangle.d.ts

@@ -0,0 +1,5 @@
+import { Graphics } from "pixi.js";
+/** @description 三角形 */
+export declare class LibPixiTriangle extends Graphics {
+    constructor(dots: [[number, number], [number, number]], color: string);
+}

package/Components/Custom/LibPixiTriangle.js

@@ -0,0 +1,12 @@
+import { Graphics } from "pixi.js";
+/** @description 三角形 */
+export class LibPixiTriangle extends Graphics {
+    constructor(dots, color) {
+        super();
+        this.beginFill(color);
+        this.moveTo(0, 0);
+        this.lineTo(dots[0][0], dots[0][1]);
+        this.lineTo(dots[1][0], dots[1][1]);
+        this.endFill();
+    }
+}

package/Components/Custom/LibPixiTurntable.d.ts

@@ -0,0 +1,6 @@
+/** @description 转盘布局
+ * @param num 份数
+ * @param distance 中心距离
+ * @param layoutCallback 定位计算回调
+ */
+export declare const LibPixiTurntable: (num: number, distance: number, layoutCallback: (x: number, y: number, rotation: number, index: number) => void) => void;

package/Components/Custom/LibPixiTurntable.js

@@ -0,0 +1,14 @@
+import { libJsConvertAngle } from "lyb-js/Math/LibJsConvertAngle.js";
+/** @description 转盘布局
+ * @param num 份数
+ * @param distance 中心距离
+ * @param layoutCallback 定位计算回调
+ */
+export const LibPixiTurntable = (num, distance, layoutCallback) => {
+    for (let i = 0; i < num; i++) {
+        const rotation = libJsConvertAngle((360 / num) * i, "rad");
+        const cos = Math.cos(rotation + libJsConvertAngle(-90, "rad"));
+        const sin = Math.sin(rotation + libJsConvertAngle(-90, "rad"));
+        layoutCallback(cos * distance, sin * distance, rotation, i);
+    }
+};

package/Utils/LibContainerCenter.d.ts

@@ -0,0 +1,3 @@
+import { Container } from "pixi.js";
+/** @description 当前容器在父容器居中 */
+export declare const libContainerCenter: (parent: Container, item: Container, centerType?: "x" | "y" | "xy") => void;

package/Utils/LibContainerCenter.js

@@ -0,0 +1,10 @@
+/** @description 当前容器在父容器居中 */
+export const libContainerCenter = (parent, item, centerType = "xy") => {
+    const xy = centerType === "xy";
+    if (centerType === "x" || xy) {
+        item.x = parent.width / 2 - item.width / 2;
+    }
+    if (centerType === "y" || xy) {
+        item.y = parent.height / 2 - item.height / 2;
+    }
+};

package/Utils/LibControlledDelayedCall.d.ts

@@ -0,0 +1,5 @@
+/** @description 可控延迟调用函数 */
+export declare const libControlledDelayedCall: (time: number) => {
+    start: Promise<void>;
+    stop: () => void;
+};

package/Utils/LibControlledDelayedCall.js

@@ -0,0 +1,20 @@
+import { libPixiTickerTimeout } from "./LibPixiTickerTimeout";
+/** @description 可控延迟调用函数 */
+export const libControlledDelayedCall = (time) => {
+    let _resolve;
+    let timer;
+    const start = new Promise((resolve) => {
+        _resolve = resolve;
+        timer = libPixiTickerTimeout(() => {
+            resolve();
+        }, time);
+    });
+    const stop = () => {
+        timer();
+        _resolve();
+    };
+    return {
+        start,
+        stop,
+    };
+};

package/Utils/LibPixiArrangeLinear.d.ts

@@ -0,0 +1,16 @@
+import type { Container } from "pixi.js";
+/**
+ * @description 线性排列 PIXI.Container 元素（支持横向/纵向排列，多列布局、固定或自定义间隔）
+ * @param items 需要排列的容器数组
+ * @param gap 间隔，可为固定值或数组（数组长度必须等于 items.length - 1）
+ * @param direction 排列方向："x" 横向排列，"y" 纵向排列
+ * @param cols 每行（或每列）最多的元素个数，默认为 Infinity（单行/单列）
+ * @example
+ * // 横向排列
+ * LibPixiArrangeLinear([sprite1, sprite2, sprite3], 10, "x");
+ * // 纵向排列
+ * LibPixiArrangeLinear([sprite1, sprite2, sprite3], 20, "y");
+ * // 两列布局
+ * LibPixiArrangeLinear([sprite1, sprite2, sprite3, sprite4], 10, "x", 2);
+ */
+export declare const LibPixiArrangeLinear: (items: Container[], gap: number | number[], direction?: "x" | "y", cols?: number) => void;

package/Utils/LibPixiArrangeLinear.js

@@ -0,0 +1,62 @@
+/**
+ * @description 线性排列 PIXI.Container 元素（支持横向/纵向排列，多列布局、固定或自定义间隔）
+ * @param items 需要排列的容器数组
+ * @param gap 间隔，可为固定值或数组（数组长度必须等于 items.length - 1）
+ * @param direction 排列方向："x" 横向排列，"y" 纵向排列
+ * @param cols 每行（或每列）最多的元素个数，默认为 Infinity（单行/单列）
+ * @example
+ * // 横向排列
+ * LibPixiArrangeLinear([sprite1, sprite2, sprite3], 10, "x");
+ * // 纵向排列
+ * LibPixiArrangeLinear([sprite1, sprite2, sprite3], 20, "y");
+ * // 两列布局
+ * LibPixiArrangeLinear([sprite1, sprite2, sprite3, sprite4], 10, "x", 2);
+ */
+export const LibPixiArrangeLinear = (items, gap, direction = "x", cols = Infinity) => {
+    // 验证 gap 数组长度是否正确
+    if (Array.isArray(gap)) {
+        if (gap.length !== items.length - 1) {
+            console.error(new Error("间隔的数组长度只能等于元素数组长度-1"));
+            return;
+        }
+    }
+    let lastRowMax = 0; // 当前行（或列）的最大高度（或宽度），用于多行/多列换行时计算偏移
+    let rowOffset = 0; // 累计偏移量，控制换行后的整体偏移位置
+    items.forEach((item, index) => {
+        var _a, _b;
+        const row = Math.floor(index / cols); // 当前行号
+        const col = index % cols; // 当前列号
+        if (direction === "x") {
+            //间隔
+            const gapValue = Array.isArray(gap) ? (_a = gap[index - 1]) !== null && _a !== void 0 ? _a : 0 : gap;
+            //在每行第一列重置列偏移量
+            if (col === 0 && row > 0) {
+                rowOffset += lastRowMax + gapValue;
+                lastRowMax = 0;
+            }
+            // 横向位置 = 前一个元素的右侧 + 间隔；首列则从 0 开始
+            item.x =
+                col === 0 ? 0 : items[index - 1].x + items[index - 1].width + gapValue;
+            // 纵向位置 = 当前累计的行偏移
+            rowOffset && (item.y = rowOffset);
+            // 更新当前行的最大高度
+            lastRowMax = Math.max(lastRowMax, item.height);
+        }
+        else {
+            //间隔
+            const gapValue = Array.isArray(gap) ? (_b = gap[index - 1]) !== null && _b !== void 0 ? _b : 0 : gap;
+            //在每列第一行重置行偏移
+            if (col === 0 && row > 0) {
+                rowOffset += lastRowMax + gapValue;
+                lastRowMax = 0;
+            }
+            // 纵向位置 = 首列则从 0 开始，其余从前一个元素的y坐标 + 高度 + 间隔；
+            item.y =
+                col === 0 ? 0 : items[index - 1].y + items[index - 1].height + gapValue;
+            // 横向位置 = 当前累计的列偏移
+            rowOffset && (item.x = rowOffset);
+            // 更新当前列的最大宽度
+            lastRowMax = Math.max(lastRowMax, item.width);
+        }
+    });
+};

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>;
+}