lyb-pixi-js 1.12.49 → 1.12.51

package/Components/Custom/LibPixiMaskBg.d.ts

@@ -0,0 +1,11 @@
+import { Container, Graphics } from "pixi.js";
+/** @description 全屏黑色蒙版 */
+export declare class LibPixiMaskBg extends Graphics {
+    /** 舞台 */
+    static stage: Container;
+    /** 蒙版透明度 */
+    static bgAlpha: number;
+    constructor();
+    /** @description 更新蒙版 */
+    updateSize(): void;
+}

package/Components/Custom/LibPixiMaskBg.js

@@ -0,0 +1,21 @@
+import { Graphics } from "pixi.js";
+/** @description 全屏黑色蒙版 */
+export class LibPixiMaskBg extends Graphics {
+    constructor() {
+        super();
+    }
+    /** @description 更新蒙版 */
+    updateSize() {
+        const topLeft = LibPixiMaskBg.stage.toLocal({ x: 0, y: 0 });
+        const bottomRight = LibPixiMaskBg.stage.toLocal({
+            x: window.innerWidth,
+            y: window.innerHeight,
+        });
+        this.clear();
+        this.beginFill(0x000000, LibPixiMaskBg.bgAlpha);
+        this.drawRect(topLeft.x, topLeft.y, bottomRight.x - topLeft.x, bottomRight.y - topLeft.y);
+        this.endFill();
+    }
+}
+/** 蒙版透明度 */
+LibPixiMaskBg.bgAlpha = 0.5;

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

@@ -17,6 +17,8 @@ export declare class LibPixiDialog extends LibPixiBaseContainer {
     static durationOut: number;
     /** 是否支持横竖版 */
     static adaptation: "hv" | "h" | "v";
+    /** 舞台 */
+    static stage: Container;
     /** 蒙版UI */
     private _maskUI;
     /** 内容容器 */

package/Utils/LibPixiDialogManager/ui/LibPixiDialog.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Container } from "pixi.js";
 import gsap from "gsap";
 import { LibJsResizeWatcher } from "lyb-js/Base/LibJsResizeWatcher.js";
-import { LibPixiRectangle } from "../../../Components/Base/LibPixiRectangle";
+import { LibPixiMaskBg } from "../../../Components/Custom/LibPixiMaskBg";
 import { libPixiEvent } from "../../LibPixiEvent";
 import { LibPixiBaseContainer } from "./LibPixiBaseContainer";
 /** @description 弹窗组件 */
@@ -19,10 +19,12 @@ export class LibPixiDialog extends LibPixiBaseContainer {
         super();
         /** 竖版缩放大小 */
         this._vScale = 1;
+        LibPixiMaskBg.stage = LibPixiDialog.stage;
+        LibPixiMaskBg.bgAlpha = LibPixiDialog.bgAlpha;
         const { onClickMask, vScale = 1, needBg = true } = params || {};
         this._vScale = vScale;
         //蒙版
-        this._maskUI = new LibPixiRectangle(2700, 1080, "#000");
+        this._maskUI = new LibPixiMaskBg();
         this.addChild(this._maskUI);
         this._maskUI.alpha = 0;
         this._maskUI.eventMode = "static";
@@ -40,8 +42,16 @@ export class LibPixiDialog extends LibPixiBaseContainer {
         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), false);
+        const resize1 = new LibJsResizeWatcher(LibPixiDialog.adaptation);
+        const resize2 = new LibJsResizeWatcher();
+        const off1 = resize1.on(this._redraw.bind(this), false);
+        const off2 = resize2.on(() => {
+            this._maskUI.updateSize();
+        });
+        this._offResize = () => {
+            off1();
+            off2();
+        };
     }
     /** @description 设置弹窗内容 */
     setDialogContent(content) {
@@ -108,22 +118,15 @@ export class LibPixiDialog extends LibPixiBaseContainer {
     }
     /** @description 重绘弹窗 */
     _redraw(w, h) {
+        this._maskUI.updateSize();
         if (this._lastIsH === w > h)
             return;
         this._lastIsH = w > h;
         let scale = 0;
         if (w > h) {
-            this._maskUI.width = 2700;
-            this._maskUI.height = 1080;
-            this._maskUI.x = -(2700 - 1920) / 2;
-            this._maskUI.y = 0;
             scale = 1;
         }
         else {
-            this._maskUI.width = 1080;
-            this._maskUI.height = 2700;
-            this._maskUI.x = 0;
-            this._maskUI.y = -(2700 - 1920) / 2;
             scale = this._vScale;
         }
         this.updatePosition(w, h);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lyb-pixi-js",
-  "version": "1.12.49",
+  "version": "1.12.51",
   "description": "自用Pixi.JS方法库",
   "license": "ISC",
   "exports": {