lyb-pixi-js 1.10.5 → 1.10.7

package/Components/Custom/LibPixiLabelValue.d.ts

@@ -0,0 +1,30 @@
+import { BitmapText, Container, Sprite } from "pixi.js";
+import { LibPixiText } from "../Base/LibPixiText";
+type T = Sprite | LibPixiText | BitmapText;
+interface LabelValueParams {
+    /** 描述 */
+    label: T;
+    /** 值 */
+    value: T;
+    /** 最大宽度 */
+    maxWidth?: number;
+    /** 间隔 */
+    gap?: number;
+}
+/** @description 自适应宽度的标签和值组件
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+ */
+export declare class LibPixiLabelValue extends Container {
+    /** 描述 */
+    private _label;
+    /** 值 */
+    private _value;
+    /** 间隔 */
+    private _gap;
+    /** 最大宽度 */
+    private _maxWidth?;
+    constructor(params: LabelValueParams);
+    /** @description 更新坐标 */
+    updatePosition(): void;
+}
+export {};

package/Components/Custom/LibPixiLabelValue.js

@@ -0,0 +1,26 @@
+import { Container } from "pixi.js";
+import { libPixiScaleContainer } from "../../Utils/LibPixiScaleContainer";
+/** @description 自适应宽度的标签和值组件
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+ */
+export class LibPixiLabelValue extends Container {
+    constructor(params) {
+        super();
+        const { label, value, maxWidth, gap = 0 } = params;
+        this._label = label;
+        this._value = value;
+        this._maxWidth = maxWidth;
+        this._gap = gap;
+        this.addChild(this._label);
+        this._label.anchor.set(1, 0.5);
+        this.addChild(this._value);
+        this._value.anchor.set(0.5);
+        this.updatePosition();
+    }
+    /** @description 更新坐标 */
+    updatePosition() {
+        this._label.x = this._label.width * 0.5 - this._value.width * 0.5;
+        this._value.x = this._label.width * 0.5 + this._gap;
+        this._maxWidth && libPixiScaleContainer(this, this._maxWidth);
+    }
+}

package/README.md

@@ -112,9 +112,9 @@ app.stage.addChild(box);
 
 \- [LibPixiProgress-进度条](#LibPixiProgress-进度条)
 
-\- [LibPixiScrollContainerX-X 轴滚动容器](#LibPixiScrollContainerX-X 轴滚动容器)
+\- [LibPixiScrollContainerX-X轴滚动容器](#LibPixiScrollContainerX-X轴滚动容器)
 
-\- [LibPixiScrollContainerY-Y 轴滚动容器](#LibPixiScrollContainerY-Y 轴滚动容器)
+\- [LibPixiScrollContainerY-Y轴滚动容器](#LibPixiScrollContainerY-Y轴滚动容器)
 
 \- [LibPixiScrollNum-数字滑动](#LibPixiScrollNum-数字滑动)
 
@@ -126,7 +126,7 @@ app.stage.addChild(box);
 
 \- [LibPixiTable-数字表格](#LibPixiTable-数字表格)
 
-\- [LibPixiParticleMove-粒子移动特效](#LibPixiParticleMove-粒子移动特效)
+\- [LibPixiLabelValue-标签值](#LibPixiLabelValue-标签值)
 
 ### 方法
 
@@ -662,7 +662,7 @@ progress.setProgress(0.5); //50% 完成
 app.stage.addChild(progress);
 ```
 
-### LibPixiScrollContainerX-X 轴滚动容器
+### LibPixiScrollContainerX-X轴滚动容器
 
 > 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
 
@@ -692,7 +692,7 @@ scrollContainer.setDimensions(800, 600);
 scrollContainer.addContent(new Sprite(Texture.from("new-content.png")));
 ```
 
-### LibPixiScrollContainerY-Y 轴滚动容器
+### LibPixiScrollContainerY-Y轴滚动容器
 
 > 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
 
@@ -881,6 +881,37 @@ const table = new LibPixiTable({
 stage.addChild(table);
 ```
 
+### LibPixiLabelValue-标签值
+
+> 适用于左边图标右边动态数值锚点在容器正中间的场景
+
+```ts
+//单位
+const unit = new LibPixiText({
+  text: "Rp",
+  fontSize: 40,
+  fontColor: "#fff551",
+  strokeThickness: 4,
+  stroke: "#cc5114",
+});
+
+//金额
+const amount = new LibPixiText({
+  text: value,
+  fontSize: 40,
+  fontColor: "#fff551",
+  strokeThickness: 4,
+  stroke: "#cc5114",
+});
+
+//容器
+const amountContainer = new LibLabelValue({
+  label: unit,
+  value: amount,
+  gap: 10,
+});
+```
+
 ## Utils-工具方法
 
 ### LibPixiAudio-音频播放器

package/Utils/LibPixiEvent.js

@@ -31,7 +31,6 @@ export const libPixiEvent = (v, eventName, callback, params = {}) => {
         });
         v.on("pointermove", () => {
             isDragging = true;
-            console.log(555);
         });
     }
     const fn = (e) => {

package/libPixiJs.d.ts

@@ -24,6 +24,7 @@ import { LibPixiRectangle } from "./Components/Base/LibPixiRectangle";
 import { LibPixiPolygon } from "./Components/Base/LibPixiPolygon";
 import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
 import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
+import { LibPixiLabelValue } from "./Components/Custom/LibPixiLabelValue";
 /** @description 组件 */
 export declare const Components: {
     Base: {
@@ -117,6 +118,10 @@ export declare const Components: {
          * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
          */
         LibPixiTable: typeof LibPixiTable;
+        /** @description 自适应宽度的标签和值组件
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+         */
+        LibPixiLabelValue: typeof LibPixiLabelValue;
     };
 };
 /** @description 方法 */

package/libPixiJs.js

@@ -39,6 +39,7 @@ import { LibPixiGridLayout } from "./Utils/LibPixiGridLayout";
 import { LibPixiArrangeLinear } from "./Utils/LibPixiArrangeLinear";
 import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
 import { LibPixiEmitContainerEvent } from "./Utils/LibPixiEmitContainerEvent";
+import { LibPixiLabelValue } from "./Components/Custom/LibPixiLabelValue";
 /** @description 组件 */
 export const Components = {
     Base: {
@@ -132,6 +133,10 @@ export const Components = {
          * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
          */
         LibPixiTable,
+        /** @description 自适应宽度的标签和值组件
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+         */
+        LibPixiLabelValue,
     },
 };
 /** @description 方法 */

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 tag = 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$1 = Math.abs;
   var floor$1 = Math.floor;
-  var max$2 = Math.max;
+  var max$1 = Math.max;
   var min$1 = Math.min;
   var pow$1 = Math.pow;
   var round$2 = 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$1 = 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$1(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 = abs$1;
   var floor = floor$1;
-  var max = max$2;
+  var max = max$1;
   var min = min$1;
   var pow = pow$1;
   var round$1 = round$2;
@@ -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);
@@ -48784,7 +48808,6 @@ void main(void)\r
       });
       v2.on("pointermove", () => {
         isDragging = true;
-        console.log(555);
       });
     }
     const fn = (e2) => {
@@ -55375,6 +55398,27 @@ void main(void){
       }
     });
   };
+  class LibPixiLabelValue extends Container {
+    constructor(params) {
+      super();
+      const { label, value, maxWidth, gap = 0 } = params;
+      this._label = label;
+      this._value = value;
+      this._maxWidth = maxWidth;
+      this._gap = gap;
+      this.addChild(this._label);
+      this._label.anchor.set(1, 0.5);
+      this.addChild(this._value);
+      this._value.anchor.set(0.5);
+      this.updatePosition();
+    }
+    /** @description 更新坐标 */
+    updatePosition() {
+      this._label.x = this._label.width * 0.5 - this._value.width * 0.5;
+      this._value.x = this._label.width * 0.5 + this._gap;
+      this._maxWidth && libPixiScaleContainer(this, this._maxWidth);
+    }
+  }
   const Components = {
     Base: {
       /** @description 自定义位图文本
@@ -55466,7 +55510,11 @@ void main(void){
       /** @description 绘制表格并填充数字
        * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
        */
-      LibPixiTable
+      LibPixiTable,
+      /** @description 自适应宽度的标签和值组件
+       * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+       */
+      LibPixiLabelValue
     }
   };
   const Utils = {

package/package.json

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