lyb-pixi-js 1.12.1 → 1.12.3

package/Components/Base/LibPixiText.d.ts

@@ -6,6 +6,8 @@ export interface LibPixiTextParams {
     fontSize?: number;
     /** 字体颜色 */
     fontColor?: any;
+    /** 渐变方向 */
+    gradientDirection?: "v" | "h";
     /** 描边颜色 */
     stroke?: string | number;
     /** 描边宽度 */

package/Components/Base/LibPixiText.js

@@ -1,10 +1,10 @@
-import { Text, TextStyle, } from "pixi.js";
+import { Text, TEXT_GRADIENT, TextStyle, } from "pixi.js";
 /** @description 自定义文本类
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiText-文本
  */
 export class LibPixiText extends Text {
     constructor(options) {
-        const { text, fontSize = 36, fontColor = 0xffffff, stroke, strokeThickness, fontFamily = "Arial", fontWeight = "normal", wordWrapWidth, lineHeight = 1, align = "left", indent = 0, shadow, } = options;
+        const { text, fontSize = 36, fontColor = 0xffffff, stroke, strokeThickness, fontFamily = "Arial", fontWeight = "normal", wordWrapWidth, lineHeight = 1, align = "left", indent = 0, shadow, gradientDirection, } = options;
         const style = new TextStyle({
             fontSize,
             wordWrap: !!wordWrapWidth,
@@ -18,6 +18,9 @@ export class LibPixiText extends Text {
             stroke: stroke ? stroke : "transparent",
             strokeThickness: strokeThickness ? strokeThickness : 0,
             lineJoin: "round",
+            fillGradientType: gradientDirection === "h"
+                ? TEXT_GRADIENT.LINEAR_HORIZONTAL
+                : TEXT_GRADIENT.LINEAR_VERTICAL,
         });
         if (shadow) {
             style.dropShadow = true;

package/Components/Custom/LibPixiPerforMon.js

@@ -1,5 +1,6 @@
+import { LibJsResizeWatcher } from "lyb-js/Base/LibJsResizeWatcher.js";
 import { Container, Ticker, UPDATE_PRIORITY, } from "pixi.js";
-import { LibPixiRectBgColor } from "../Base/LibPixiRectBgColor";
+import { LibPixiRectangle } from "../Base/LibPixiRectangle";
 import { LibPixiText } from "../Base/LibPixiText";
 /** @description 监视帧率、Draw Call、Max Draw Call
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
@@ -27,12 +28,7 @@ export class LibPixiPerforMon extends Container {
         this._containerHeight = 50;
         this.pivot.x = this._containerWidth / 2;
         //创建背景
-        this._bg = new LibPixiRectBgColor({
-            width: this._containerWidth,
-            height: this._containerHeight,
-            bgColor: "#000",
-            alpha: 0.75,
-        });
+        this._bg = new LibPixiRectangle(this._containerWidth, this._containerHeight, "#0000007e");
         this.addChild(this._bg);
         //创建内容容器
         const content = new Container();
@@ -53,6 +49,23 @@ export class LibPixiPerforMon extends Container {
         this._renderer = app.renderer;
         this._drawElements = this._renderer["gl"].drawElements;
         this.init();
+        if (LibPixiPerforMon.ADAPT_MODE === "h") {
+            this.x = 1920 / 2;
+        }
+        else if (LibPixiPerforMon.ADAPT_MODE === "v") {
+            this.x = 1080 / 2;
+        }
+        else {
+            const resize = new LibJsResizeWatcher();
+            resize.on((w, h) => {
+                if (w > h) {
+                    this.x = 1920 / 2;
+                }
+                else {
+                    this.x = 1080 / 2;
+                }
+            });
+        }
     }
     /** @description 初始化显示性能数据 */
     init() {

package/lyb-pixi.js

@@ -1315,7 +1315,7 @@
       var ys = arrObjKeys(obj, inspect2);
       var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
       var protoTag = obj instanceof Object ? "" : "null prototype";
-      var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
+      var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
       var constructorTag = isPlainObject || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
       var tag2 = constructorTag + (stringTag || protoTag ? "[" + $join.call($concat$1.call([], stringTag || [], protoTag || []), ": ") + "] " : "");
       if (ys.length === 0) {
@@ -1337,25 +1337,25 @@
     return $replace$1.call(String(s2), /"/g, """);
   }
   function isArray$3(obj) {
-    return toStr$1(obj) === "[object Array]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object Array]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isDate(obj) {
-    return toStr$1(obj) === "[object Date]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object Date]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isRegExp$1(obj) {
-    return toStr$1(obj) === "[object RegExp]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object RegExp]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isError(obj) {
-    return toStr$1(obj) === "[object Error]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object Error]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isString(obj) {
-    return toStr$1(obj) === "[object String]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object String]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isNumber(obj) {
-    return toStr$1(obj) === "[object Number]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object Number]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isBoolean(obj) {
-    return toStr$1(obj) === "[object Boolean]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
+    return toStr(obj) === "[object Boolean]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
   }
   function isSymbol(obj) {
     if (hasShammedSymbols) {
@@ -1391,7 +1391,7 @@
   function has$3(obj, key) {
     return hasOwn$1.call(obj, key);
   }
-  function toStr$1(obj) {
+  function toStr(obj) {
     return objectToString.call(obj);
   }
   function nameOf(f2) {
@@ -1700,7 +1700,7 @@
   var uri = URIError;
   var abs$2 = Math.abs;
   var floor$2 = Math.floor;
-  var max$3 = Math.max;
+  var max$2 = Math.max;
   var min$2 = Math.min;
   var pow$2 = Math.pow;
   var round$3 = Math.round;
@@ -1833,78 +1833,102 @@
     Object_getPrototypeOf = $Object2.getPrototypeOf || null;
     return Object_getPrototypeOf;
   }
-  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-  var toStr = Object.prototype.toString;
-  var max$2 = Math.max;
-  var funcType = "[object Function]";
-  var concatty = function concatty2(a2, b2) {
-    var arr = [];
-    for (var i2 = 0; i2 < a2.length; i2 += 1) {
-      arr[i2] = a2[i2];
-    }
-    for (var j2 = 0; j2 < b2.length; j2 += 1) {
-      arr[j2 + a2.length] = b2[j2];
-    }
-    return arr;
-  };
-  var slicy = function slicy2(arrLike, offset) {
-    var arr = [];
-    for (var i2 = offset || 0, j2 = 0; i2 < arrLike.length; i2 += 1, j2 += 1) {
-      arr[j2] = arrLike[i2];
-    }
-    return arr;
-  };
-  var joiny = function(arr, joiner) {
-    var str = "";
-    for (var i2 = 0; i2 < arr.length; i2 += 1) {
-      str += arr[i2];
-      if (i2 + 1 < arr.length) {
-        str += joiner;
+  var implementation;
+  var hasRequiredImplementation;
+  function requireImplementation() {
+    if (hasRequiredImplementation)
+      return implementation;
+    hasRequiredImplementation = 1;
+    var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
+    var toStr2 = Object.prototype.toString;
+    var max2 = Math.max;
+    var funcType = "[object Function]";
+    var concatty = function concatty2(a2, b2) {
+      var arr = [];
+      for (var i2 = 0; i2 < a2.length; i2 += 1) {
+        arr[i2] = a2[i2];
       }
-    }
-    return str;
-  };
-  var implementation$1 = function bind2(that) {
-    var target = this;
-    if (typeof target !== "function" || toStr.apply(target) !== funcType) {
-      throw new TypeError(ERROR_MESSAGE + target);
-    }
-    var args = slicy(arguments, 1);
-    var bound;
-    var binder = function() {
-      if (this instanceof bound) {
-        var result = target.apply(
-          this,
-          concatty(args, arguments)
-        );
-        if (Object(result) === result) {
-          return result;
+      for (var j2 = 0; j2 < b2.length; j2 += 1) {
+        arr[j2 + a2.length] = b2[j2];
+      }
+      return arr;
+    };
+    var slicy = function slicy2(arrLike, offset) {
+      var arr = [];
+      for (var i2 = offset || 0, j2 = 0; i2 < arrLike.length; i2 += 1, j2 += 1) {
+        arr[j2] = arrLike[i2];
+      }
+      return arr;
+    };
+    var joiny = function(arr, joiner) {
+      var str = "";
+      for (var i2 = 0; i2 < arr.length; i2 += 1) {
+        str += arr[i2];
+        if (i2 + 1 < arr.length) {
+          str += joiner;
         }
-        return this;
       }
-      return target.apply(
-        that,
-        concatty(args, arguments)
-      );
+      return str;
     };
-    var boundLength = max$2(0, target.length - args.length);
-    var boundArgs = [];
-    for (var i2 = 0; i2 < boundLength; i2++) {
-      boundArgs[i2] = "$" + i2;
-    }
-    bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
-    if (target.prototype) {
-      var Empty = function Empty2() {
+    implementation = function bind2(that) {
+      var target = this;
+      if (typeof target !== "function" || toStr2.apply(target) !== funcType) {
+        throw new TypeError(ERROR_MESSAGE + target);
+      }
+      var args = slicy(arguments, 1);
+      var bound;
+      var binder = function() {
+        if (this instanceof bound) {
+          var result = target.apply(
+            this,
+            concatty(args, arguments)
+          );
+          if (Object(result) === result) {
+            return result;
+          }
+          return this;
+        }
+        return target.apply(
+          that,
+          concatty(args, arguments)
+        );
       };
-      Empty.prototype = target.prototype;
-      bound.prototype = new Empty();
-      Empty.prototype = null;
-    }
-    return bound;
-  };
-  var implementation = implementation$1;
-  var functionBind = Function.prototype.bind || implementation;
-  var functionCall = Function.prototype.call;
+      var boundLength = max2(0, target.length - args.length);
+      var boundArgs = [];
+      for (var i2 = 0; i2 < boundLength; i2++) {
+        boundArgs[i2] = "$" + i2;
+      }
+      bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
+      if (target.prototype) {
+        var Empty = function Empty2() {
+        };
+        Empty.prototype = target.prototype;
+        bound.prototype = new Empty();
+        Empty.prototype = null;
+      }
+      return bound;
+    };
+    return implementation;
+  }
+  var functionBind;
+  var hasRequiredFunctionBind;
+  function requireFunctionBind() {
+    if (hasRequiredFunctionBind)
+      return functionBind;
+    hasRequiredFunctionBind = 1;
+    var implementation2 = requireImplementation();
+    functionBind = Function.prototype.bind || implementation2;
+    return functionBind;
+  }
+  var functionCall;
+  var hasRequiredFunctionCall;
+  function requireFunctionCall() {
+    if (hasRequiredFunctionCall)
+      return functionCall;
+    hasRequiredFunctionCall = 1;
+    functionCall = Function.prototype.call;
+    return functionCall;
+  }
   var functionApply;
   var hasRequiredFunctionApply;
   function requireFunctionApply() {
@@ -1915,14 +1939,14 @@
     return functionApply;
   }
   var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-  var bind$2 = functionBind;
+  var bind$2 = requireFunctionBind();
   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 bind$1 = requireFunctionBind();
   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") {
@@ -1991,7 +2015,7 @@
     hasRequiredHasown = 1;
     var call = Function.prototype.call;
     var $hasOwn = Object.prototype.hasOwnProperty;
-    var bind2 = functionBind;
+    var bind2 = requireFunctionBind();
     hasown = bind2.call(call, $hasOwn);
     return hasown;
   }
@@ -2006,7 +2030,7 @@
   var $URIError = uri;
   var abs$1 = abs$2;
   var floor$1 = floor$2;
-  var max$1 = max$3;
+  var max$1 = max$2;
   var min$1 = min$2;
   var pow$1 = pow$2;
   var round$2 = round$3;
@@ -2040,7 +2064,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 = {
@@ -2210,7 +2234,7 @@
     "%WeakMapPrototype%": ["WeakMap", "prototype"],
     "%WeakSetPrototype%": ["WeakSet", "prototype"]
   };
-  var bind = functionBind;
+  var bind = requireFunctionBind();
   var hasOwn = requireHasown();
   var $concat = bind.call($call, Array.prototype.concat);
   var $spliceApply = bind.call($apply, Array.prototype.splice);
@@ -31841,7 +31865,8 @@ void main(void)\r
         lineHeight = 1,
         align = "left",
         indent = 0,
-        shadow
+        shadow,
+        gradientDirection
       } = options;
       const style = new TextStyle({
         fontSize,
@@ -31855,7 +31880,8 @@ void main(void)\r
         fontFamily: LibPixiText.fontFamily || fontFamily,
         stroke: stroke ? stroke : "transparent",
         strokeThickness: strokeThickness ? strokeThickness : 0,
-        lineJoin: "round"
+        lineJoin: "round",
+        fillGradientType: gradientDirection === "h" ? TEXT_GRADIENT.LINEAR_HORIZONTAL : TEXT_GRADIENT.LINEAR_VERTICAL
       });
       if (shadow) {
         style.dropShadow = true;
@@ -48937,7 +48963,72 @@ void main(void)\r
       });
     }
   }
-  class LibPixiPerforMon extends Container {
+  class LibJsResizeWatcher {
+    constructor(mode = "hv") {
+      this._listeners = [];
+      this._handleResize = () => {
+        const w2 = window.innerWidth;
+        const h2 = window.innerHeight;
+        let s2;
+        const orientation = w2 > h2 ? "h" : "v";
+        if (orientation === "h") {
+          s2 = Math.min(w2 / 1920, h2 / 1080);
+        } else {
+          s2 = Math.min(w2 / 1080, h2 / 1920);
+        }
+        this._listeners.forEach(({ cb }) => cb(w2, h2, s2));
+      };
+      this._mode = mode;
+      if (mode === "h" || mode === "v")
+        return;
+      window.addEventListener("resize", this._handleResize);
+    }
+    /**
+     * @description 注册一个窗口尺寸变化的监听器
+     * @param cb 回调函数，参数为当前窗口宽度和高度
+     * @param immediate 是否在注册时立即执行一次回调，默认为 true
+     * @returns 一个函数，用于移除该监听器
+     */
+    on(cb, immediate = true) {
+      const w2 = window.innerWidth;
+      const h2 = window.innerHeight;
+      const orientation = w2 > h2 ? "h" : "v";
+      if (this._mode === "h") {
+        immediate && cb(1920, 1080, Math.min(w2 / 1920, h2 / 1080));
+        return () => {
+        };
+      } else if (this._mode === "v") {
+        immediate && cb(1080, 1920, Math.min(w2 / 1080, h2 / 1920));
+        return () => {
+        };
+      }
+      let s2;
+      if (orientation === "h") {
+        s2 = Math.min(w2 / 1920, h2 / 1080);
+      } else {
+        s2 = Math.min(w2 / 1080, h2 / 1920);
+      }
+      const item = { cb, immediate };
+      this._listeners.push(item);
+      if (immediate)
+        cb(window.innerWidth, window.innerHeight, s2);
+      return () => {
+        this._listeners = this._listeners.filter((l2) => l2 !== item);
+      };
+    }
+  }
+  class LibPixiRectangle extends Graphics {
+    constructor(width, height, color) {
+      super();
+      this.beginFill(color || 0);
+      this.drawRect(0, 0, width, height);
+      this.endFill();
+      if (!color) {
+        this.alpha = 0;
+      }
+    }
+  }
+  const _LibPixiPerforMon = class _LibPixiPerforMon2 extends Container {
     constructor(app) {
       super();
       this.COLLECT_TIME = 5 * 1e3;
@@ -48950,12 +49041,11 @@ void main(void)\r
       this._containerWidth = 590;
       this._containerHeight = 50;
       this.pivot.x = this._containerWidth / 2;
-      this._bg = new LibPixiRectBgColor({
-        width: this._containerWidth,
-        height: this._containerHeight,
-        bgColor: "#000",
-        alpha: 0.75
-      });
+      this._bg = new LibPixiRectangle(
+        this._containerWidth,
+        this._containerHeight,
+        "#0000007e"
+      );
       this.addChild(this._bg);
       const content = new Container();
       this.addChild(content);
@@ -48972,6 +49062,20 @@ void main(void)\r
       this._renderer = app.renderer;
       this._drawElements = this._renderer["gl"].drawElements;
       this.init();
+      if (_LibPixiPerforMon2.ADAPT_MODE === "h") {
+        this.x = 1920 / 2;
+      } else if (_LibPixiPerforMon2.ADAPT_MODE === "v") {
+        this.x = 1080 / 2;
+      } else {
+        const resize = new LibJsResizeWatcher();
+        resize.on((w2, h2) => {
+          if (w2 > h2) {
+            this.x = 1920 / 2;
+          } else {
+            this.x = 1080 / 2;
+          }
+        });
+      }
     }
     /** @description 初始化显示性能数据 */
     init() {
@@ -49037,8 +49141,9 @@ void main(void)\r
       }
       return color;
     }
-  }
-  LibPixiPerforMon.ADAPT_MODE = "hv";
+  };
+  _LibPixiPerforMon.ADAPT_MODE = "hv";
+  let LibPixiPerforMon = _LibPixiPerforMon;
   class TextBox extends Container {
     constructor(text, fontSize = 26) {
       super();
@@ -49235,17 +49340,6 @@ void main(void)\r
       }
     }
   }
-  class LibPixiRectangle extends Graphics {
-    constructor(width, height, color) {
-      super();
-      this.beginFill(color || 0);
-      this.drawRect(0, 0, width, height);
-      this.endFill();
-      if (!color) {
-        this.alpha = 0;
-      }
-    }
-  }
   class LibPixiScrollContainerY extends LibPixiContainer {
     constructor(params) {
       const {

package/package.json

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