lyb-pixi-js 1.12.20 → 1.12.22

package/Components/Custom/LibPixiInput.d.ts

@@ -1,8 +1,6 @@
 import { Container } from "pixi.js";
 import { LibPixiContainer } from "../Base/LibPixiContainer";
 interface Params {
-    /** 舞台 */
-    stage: Container;
     /** 宽度 */
     width: number;
     /** 高度 */
@@ -42,6 +40,8 @@ interface Params {
 }
 /** @description 动态缩放移动输入框 */
 export declare class LibPixiInput extends LibPixiContainer {
+    /** 舞台 */
+    static stage: Container;
     /** 参数 */
     private _params;
     /** 只读输入框 */

package/Components/Custom/LibPixiInput.js

@@ -158,7 +158,8 @@ export class LibPixiInput extends LibPixiContainer {
         this._input.style.width = `${width}px`;
         this._input.style.height = `${height}px`;
         this._input.style.fontSize = `${height * fontSizeRatio}px`;
-        if (this._params.stage.rotation === 0) {
+        console.log(LibPixiInput.stage);
+        if (LibPixiInput.stage.rotation === 0) {
             this._input.style.left = `${x}px`;
             this._input.style.top = `${y}px`;
             this._input.style.width = `${width}px`;

package/Components/Custom/LibPixiProgress.d.ts

@@ -12,6 +12,8 @@ export interface LibPixiProgressParams {
     bgTexture: Texture;
     /** 进度条纹理 */
     barTexture: Texture;
+    /** 方向 */
+    direction?: "h" | "v";
 }
 /** @description 通过裁剪的方式显示进度条
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
@@ -21,6 +23,8 @@ export declare class LibPixiProgress extends Container {
     private _progressBar;
     /** 蒙版 */
     private _maskGraphics;
+    /** 方向 */
+    private _direction;
     constructor(params: LibPixiProgressParams);
     /** @description 更新进度
      * @param progress 进度值，范围从0到1

package/Components/Custom/LibPixiProgress.js

@@ -5,7 +5,8 @@ import { Container, Graphics, Sprite } from "pixi.js";
 export class LibPixiProgress extends Container {
     constructor(params) {
         super();
-        const { bgWidth, bgHeight, barWidth, barHeight, bgTexture, barTexture } = params;
+        const { bgWidth, bgHeight, barWidth, barHeight, bgTexture, barTexture, direction } = params;
+        this._direction = direction || "h";
         // 背景图
         const background = new Sprite(bgTexture);
         this.addChild(background);
@@ -17,7 +18,12 @@ export class LibPixiProgress extends Container {
         // 创建蒙版
         const mask = new Graphics();
         mask.beginFill(0xffffff);
-        mask.drawRect(0, 0, 0, this._progressBar.height);
+        if (direction === "h") {
+            mask.drawRect(0, 0, 0, this._progressBar.height);
+        }
+        else {
+            mask.drawRect(0, 0, this._progressBar.width, 0);
+        }
         mask.endFill();
         this._progressBar.addChild(mask);
         this._progressBar.mask = mask;
@@ -30,7 +36,12 @@ export class LibPixiProgress extends Container {
         const clampedProgress = Math.max(0, Math.min(1, progress));
         this._maskGraphics.clear();
         this._maskGraphics.beginFill(0xffffff);
-        this._maskGraphics.drawRect(0, 0, this._progressBar.width * clampedProgress, this._progressBar.height);
+        if (this._direction === "h") {
+            this._maskGraphics.drawRect(0, 0, this._progressBar.width * clampedProgress, this._progressBar.height);
+        }
+        else {
+            this._maskGraphics.drawRect(0, this._progressBar.height * (1 - clampedProgress), this._progressBar.width, this._progressBar.height * clampedProgress);
+        }
         this._maskGraphics.endFill();
     }
 }

package/Components/Custom/LibPixiPuzzleBg.d.ts

@@ -1,7 +1,7 @@
-import { Container } from "pixi.js";
+import { Container, Texture } from "pixi.js";
 /** @description 设计图背景拼接
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPuzzleBg-设计图背景拼接
  */
 export declare class LibPixiPuzzleBg extends Container {
-    constructor();
+    constructor(texture: Texture);
 }

package/Components/Custom/LibPixiPuzzleBg.js

@@ -1,14 +1,14 @@
 import { libJsDecimal } from "lyb-js/Math/LibJsDecimal.js";
-import { Assets, Container, Sprite } from "pixi.js";
+import { Container, Sprite } from "pixi.js";
 /** @description 设计图背景拼接
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPuzzleBg-设计图背景拼接
  */
 export class LibPixiPuzzleBg extends Container {
-    constructor() {
+    constructor(texture) {
         super();
         this.eventMode = "none";
         // 背景
-        const bg = new Sprite(Assets.get("preload/bg"));
+        const bg = new Sprite(texture);
         this.addChild(bg);
         bg.visible = false;
         //读取配置

package/lyb-pixi.js

@@ -1904,7 +1904,15 @@
   };
   var implementation = implementation$1;
   var functionBind = Function.prototype.bind || implementation;
-  var functionCall = Function.prototype.call;
+  var functionCall;
+  var hasRequiredFunctionCall;
+  function requireFunctionCall() {
+    if (hasRequiredFunctionCall)
+      return functionCall;
+    hasRequiredFunctionCall = 1;
+    functionCall = Function.prototype.call;
+    return functionCall;
+  }
   var functionApply;
   var hasRequiredFunctionApply;
   function requireFunctionApply() {
@@ -1917,12 +1925,12 @@
   var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
   var bind$2 = functionBind;
   var $apply$1 = requireFunctionApply();
-  var $call$2 = functionCall;
+  var $call$2 = requireFunctionCall();
   var $reflectApply = reflectApply;
   var actualApply = $reflectApply || bind$2.call($call$2, $apply$1);
   var bind$1 = functionBind;
   var $TypeError$4 = type;
-  var $call$1 = functionCall;
+  var $call$1 = requireFunctionCall();
   var $actualApply = actualApply;
   var callBindApplyHelpers = function callBindBasic2(args) {
     if (args.length < 1 || typeof args[0] !== "function") {
@@ -2040,7 +2048,7 @@
   var $ObjectGPO = requireObject_getPrototypeOf();
   var $ReflectGPO = requireReflect_getPrototypeOf();
   var $apply = requireFunctionApply();
-  var $call = functionCall;
+  var $call = requireFunctionCall();
   var needsEval = {};
   var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
   var INTRINSICS = {
@@ -49159,7 +49167,8 @@ void main(void)\r
   class LibPixiProgress extends Container {
     constructor(params) {
       super();
-      const { bgWidth, bgHeight, barWidth, barHeight, bgTexture, barTexture } = params;
+      const { bgWidth, bgHeight, barWidth, barHeight, bgTexture, barTexture, direction } = params;
+      this._direction = direction || "h";
       const background = new Sprite(bgTexture);
       this.addChild(background);
       this._progressBar = new Sprite(barTexture);
@@ -49168,7 +49177,11 @@ void main(void)\r
       this._progressBar.y = (bgHeight - barHeight) / 2;
       const mask = new Graphics();
       mask.beginFill(16777215);
-      mask.drawRect(0, 0, 0, this._progressBar.height);
+      if (direction === "h") {
+        mask.drawRect(0, 0, 0, this._progressBar.height);
+      } else {
+        mask.drawRect(0, 0, this._progressBar.width, 0);
+      }
       mask.endFill();
       this._progressBar.addChild(mask);
       this._progressBar.mask = mask;
@@ -49181,12 +49194,16 @@ void main(void)\r
       const clampedProgress = Math.max(0, Math.min(1, progress));
       this._maskGraphics.clear();
       this._maskGraphics.beginFill(16777215);
-      this._maskGraphics.drawRect(
-        0,
-        0,
-        this._progressBar.width * clampedProgress,
-        this._progressBar.height
-      );
+      if (this._direction === "h") {
+        this._maskGraphics.drawRect(0, 0, this._progressBar.width * clampedProgress, this._progressBar.height);
+      } else {
+        this._maskGraphics.drawRect(
+          0,
+          this._progressBar.height * (1 - clampedProgress),
+          this._progressBar.width,
+          this._progressBar.height * clampedProgress
+        );
+      }
       this._maskGraphics.endFill();
     }
   }
@@ -57763,10 +57780,10 @@ void main(void){
     return Number(result.toFixed(point, Decimal.ROUND_DOWN));
   };
   class LibPixiPuzzleBg extends Container {
-    constructor() {
+    constructor(texture) {
       super();
       this.eventMode = "none";
-      const bg = new Sprite(Assets.get("preload/bg"));
+      const bg = new Sprite(texture);
       this.addChild(bg);
       bg.visible = false;
       const config2 = JSON.parse(localStorage.getItem("puzzle_bg_config") || "{}");
@@ -57791,10 +57808,7 @@ void main(void){
         } else if (e2.code === "NumpadSubtract" && bg.alpha > 0) {
           bg.alpha = libJsDecimal(bg.alpha, 0.1, "-");
         }
-        localStorage.setItem(
-          "puzzle_bg_config",
-          JSON.stringify({ alpha: bg.alpha, x: bg.x, y: bg.y })
-        );
+        localStorage.setItem("puzzle_bg_config", JSON.stringify({ alpha: bg.alpha, x: bg.x, y: bg.y }));
       });
     }
   }
@@ -58308,7 +58322,8 @@ void main(void){
       this._input.style.width = `${width}px`;
       this._input.style.height = `${height}px`;
       this._input.style.fontSize = `${height * fontSizeRatio}px`;
-      if (this._params.stage.rotation === 0) {
+      console.log(LibPixiInput.stage);
+      if (LibPixiInput.stage.rotation === 0) {
         this._input.style.left = `${x2}px`;
         this._input.style.top = `${y2}px`;
         this._input.style.width = `${width}px`;

package/package.json

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