lyb-pixi-js 1.12.29 → 1.12.31

package/Components/Custom/LibPixiInput.d.ts

@@ -7,6 +7,10 @@ interface Params {
     height: number;
     /** 字体与高度比 */
     fontSizeRatio: number;
+    /** 使用字体 */
+    fontFamily?: string;
+    /** 是否加粗 */
+    bold?: boolean;
     /** 是否需要placeholder */
     placeholder?: string;
     /** placeholder颜色 */
@@ -14,7 +18,7 @@ interface Params {
     /** 背景色，用于调试输入框的位置 */
     bgColor?: string;
     /** 输入类型 */
-    type?: "number" | "text";
+    type?: "number" | "text" | "password";
     /** 字体颜色 */
     color?: string;
     /** 初始值 */

package/Components/Custom/LibPixiInput.js

@@ -61,7 +61,7 @@ export class LibPixiInput extends LibPixiContainer {
     }
     /** @description 创建输入框 */
     _createInput() {
-        const { color = "#fff", maxLength = 999999, align = "left", type = "text", onInput = () => { }, } = this._params;
+        const { color = "#fff", maxLength = 999999, align = "left", type = "text", onInput = () => { }, fontFamily = "", bold = false, } = this._params;
         this._input = document.createElement("input");
         this._input.type = type;
         this._input.maxLength = maxLength;
@@ -73,6 +73,8 @@ export class LibPixiInput extends LibPixiContainer {
       background-color: transparent;
       color: ${color};
       text-align: ${align};
+      font-family: ${fontFamily};
+      font-bold: ${bold ? "bold" : "normal"}
       `;
         document.querySelector("#game").appendChild(this._input);
         this._input.addEventListener("input", function () {
@@ -93,12 +95,14 @@ export class LibPixiInput extends LibPixiContainer {
     }
     /** @description 创建只读输入框 */
     _createReadOnlyInput() {
-        const { color = "#fff", value = "", width, height, fontSizeRatio = 0.5, align = "left", placeholder = "", placeholderColor, } = this._params;
+        const { color = "#fff", value = "", width, height, fontSizeRatio = 0.5, align = "left", placeholder = "", placeholderColor, fontFamily = "", bold = false, } = this._params;
         //创建描述
         this._placeholder = new LibPixiText({
             text: placeholder,
             fontColor: placeholderColor,
             fontSize: height * fontSizeRatio,
+            fontFamily,
+            fontWeight: bold ? "bold" : "normal",
         });
         this.addChild(this._placeholder);
         this._placeholder.visible = !value;
@@ -109,6 +113,8 @@ export class LibPixiInput extends LibPixiContainer {
             text: value,
             fontColor: color,
             fontSize: height * fontSizeRatio,
+            fontFamily,
+            fontWeight: bold ? "bold" : "normal",
         });
         this.addChild(this._readonlyInput);
         this._readonlyInput.visible = !!value;

package/lyb-pixi.js

@@ -58270,7 +58270,9 @@ void main(void){
         align = "left",
         type: type2 = "text",
         onInput = () => {
-        }
+        },
+        fontFamily = "",
+        bold = false
       } = this._params;
       this._input = document.createElement("input");
       this._input.type = type2;
@@ -58283,6 +58285,8 @@ void main(void){
       background-color: transparent;
       color: ${color};
       text-align: ${align};
+      font-family: ${fontFamily};
+      font-bold: ${bold ? "bold" : "normal"}
       `;
       document.querySelector("#game").appendChild(this._input);
       this._input.addEventListener("input", function() {
@@ -58311,12 +58315,16 @@ void main(void){
         fontSizeRatio = 0.5,
         align = "left",
         placeholder = "",
-        placeholderColor
+        placeholderColor,
+        fontFamily = "",
+        bold = false
       } = this._params;
       this._placeholder = new LibPixiText({
         text: placeholder,
         fontColor: placeholderColor,
-        fontSize: height * fontSizeRatio
+        fontSize: height * fontSizeRatio,
+        fontFamily,
+        fontWeight: bold ? "bold" : "normal"
       });
       this.addChild(this._placeholder);
       this._placeholder.visible = !value;
@@ -58328,7 +58336,9 @@ void main(void){
       this._readonlyInput = new LibPixiText({
         text: value,
         fontColor: color,
-        fontSize: height * fontSizeRatio
+        fontSize: height * fontSizeRatio,
+        fontFamily,
+        fontWeight: bold ? "bold" : "normal"
       });
       this.addChild(this._readonlyInput);
       this._readonlyInput.visible = !!value;

package/package.json

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