lyb-pixi-js 1.12.46 → 1.12.48

package/Components/Custom/LibPixiInput.d.ts

@@ -27,10 +27,6 @@ interface Params {
     integer?: boolean;
     /** 是否允许输入负数 */
     isNegative?: boolean;
-    /** 最小值 */
-    min?: number;
-    /** 最大值 */
-    max?: number;
     /** 最大长度 */
     maxLength?: number;
     /** 对齐方式 */
@@ -59,19 +55,23 @@ export declare class LibPixiInput extends LibPixiContainer {
     constructor(params: Params);
     /** @description 设置值 */
     setValue(v: string): void;
+    /** @description 更改输入框描述 */
+    setPlaceholder(v: string): void;
+    /** @description 聚焦 */
+    focus(): void;
+    /** @description 设置输入框类型 */
+    toggleType(type: "text" | "password"): void;
+    /** @description 清空输入框 */
+    clear(): void;
     /** @description 创建输入框 */
     private _createInput;
     /** @description 创建只读输入框 */
     private _createReadOnlyInput;
-    /** @description 聚焦 */
-    private _focus;
     /** @description 失焦 */
     private _blur;
     /** @description 失去焦点处理 */
     private _onBlurHandler;
     /** @description 实时更新输入框位置 */
     private _updateInputPosition;
-    /** @description 设置输入框类型 */
-    toggleType(type: "text" | "password"): void;
 }
 export {};

package/Components/Custom/LibPixiInput.js

@@ -13,20 +13,15 @@ export class LibPixiInput extends LibPixiContainer {
         this._value = "";
         /** @description 失去焦点处理 */
         this._onBlurHandler = () => {
-            const { type = "text", integer = false, min = 1, max = Infinity, } = this._params;
+            const { type = "text", integer = false } = this._params;
             let text = this._input.value.trim();
             //如果类型为字符串，则不参与校验
             if (["text", "password"].includes(type))
                 return text;
-            //如果为空，则使用最小值
-            if (this._input.value === "")
-                text = min.toString();
-            //如果不能为负数，输入值小于最小值，则使用最小值
-            if (Number(text) < min)
-                text = min.toString();
-            //如果存在最大值，且输入值大于最大值，则使用最大值
-            if (max && Number(text) > max)
-                text = max.toString();
+            const num = Number(text);
+            //如果小于0，则返回空
+            if (num <= 0)
+                return "";
             //如果要求整数，则取整
             if (integer)
                 text = parseInt(text).toString();
@@ -41,7 +36,7 @@ export class LibPixiInput extends LibPixiContainer {
         this._createInput();
         this._createReadOnlyInput();
         //聚焦
-        libPixiEvent(this, "pointertap", this._focus.bind(this));
+        libPixiEvent(this, "pointertap", this.focus.bind(this));
         const ticker = new Ticker();
         ticker.add(() => {
             if (this.destroyed) {
@@ -65,6 +60,37 @@ export class LibPixiInput extends LibPixiContainer {
             this._readonlyInput.text = (onFormatValue === null || onFormatValue === void 0 ? void 0 : onFormatValue(value)) || value;
         }
     }
+    /** @description 更改输入框描述 */
+    setPlaceholder(v) {
+        this._placeholder.text = v;
+    }
+    /** @description 聚焦 */
+    focus() {
+        const { type } = this._params;
+        this._input.style.display = "block";
+        this._input.focus();
+        this._readonlyInput.visible = false;
+        this._placeholder.visible = false;
+        if (type === "number") {
+            this._input.value = this._value && Number(this._value).toString();
+        }
+        else {
+            this._input.value = this._value;
+        }
+    }
+    /** @description 设置输入框类型 */
+    toggleType(type) {
+        this._input.type = type;
+        this._params.type = type;
+        this.setValue(this._value);
+    }
+    /** @description 清空输入框 */
+    clear() {
+        this._input.value = "";
+        this._placeholder.visible = true;
+        this._readonlyInput.visible = false;
+        this._blur();
+    }
     /** @description 创建输入框 */
     _createInput() {
         const { color = "#fff", maxLength = 999999, align = "left", type = "text", onInput = () => { }, fontFamily = "", bold = false, } = this._params;
@@ -127,20 +153,6 @@ export class LibPixiInput extends LibPixiContainer {
         this._readonlyInput.anchor.set(align === "left" ? 0 : 0.5, 0.5);
         this._readonlyInput.position.set(align === "left" ? 0 : width / 2, height / 2);
     }
-    /** @description 聚焦 */
-    _focus() {
-        const { type } = this._params;
-        this._input.style.display = "block";
-        this._input.focus();
-        this._readonlyInput.visible = false;
-        this._placeholder.visible = false;
-        if (type === "number") {
-            this._input.value = this._value && Number(this._value).toString();
-        }
-        else {
-            this._input.value = this._value;
-        }
-    }
     /** @description 失焦 */
     _blur() {
         const { onValue, width } = this._params;
@@ -148,7 +160,7 @@ export class LibPixiInput extends LibPixiContainer {
         this.setValue(value);
         this._input.style.display = "none";
         libPixiScaleContainer(this._readonlyInput, width);
-        if (this._params.type === "number") {
+        if (this._params.type === "number" && value !== "") {
             this._readonlyInput.visible = true;
             onValue === null || onValue === void 0 ? void 0 : onValue(Number(value));
         }
@@ -189,10 +201,4 @@ export class LibPixiInput extends LibPixiContainer {
             this._input.style.transform = `rotate(90deg)`;
         }
     }
-    /** @description 设置输入框类型 */
-    toggleType(type) {
-        this._input.type = type;
-        this._params.type = type;
-        this.setValue(this._value);
-    }
 }

package/Utils/LibPixiDialogManager/index.d.ts

@@ -8,7 +8,9 @@ interface IViewCtor {
 /** @description 弹窗管理器 */
 export declare class LibPixiDialogManager {
     /** 视图表 */
-    private views;
+    private _views;
+    /** 弹窗关闭监听器表 */
+    private _closeListeners;
     /** open时显示的元素的父容器 */
     private _openContainer;
     constructor(parent: Container);
@@ -18,6 +20,11 @@ export declare class LibPixiDialogManager {
      * @param args 实例参数
      */
     open<T extends IViewCtor>(View: T, id: string, ...args: ConstructorParameters<T>): InstanceType<T>;
+    /** 监听弹窗关闭
+     * @param id 弹窗id
+     * @param callback 关闭回调
+     */
+    onClose(id: string, callback: () => void): void;
     /** @description 关闭页面，会调用页面的 onBeforeUnmount 事件，里面会做关闭动画，动画结束后会自动销毁
      * @param id 页面名称
      */

package/Utils/LibPixiDialogManager/index.js

@@ -13,7 +13,9 @@ export { LibPixiDialog } from "./ui/LibPixiDialog";
 export class LibPixiDialogManager {
     constructor(parent) {
         /** 视图表 */
-        this.views = {};
+        this._views = {};
+        /** 弹窗关闭监听器表 */
+        this._closeListeners = new Map();
         this._openContainer = parent;
     }
     /**
@@ -24,26 +26,41 @@ export class LibPixiDialogManager {
     open(View, id, ...args) {
         const view = new View(...args);
         this._openContainer.addChild(view);
-        this.views[id] = view;
+        this._views[id] = view;
         return view;
     }
+    /** 监听弹窗关闭
+     * @param id 弹窗id
+     * @param callback 关闭回调
+     */
+    onClose(id, callback) {
+        if (!this._closeListeners.has(id))
+            this._closeListeners.set(id, new Set());
+        this._closeListeners.get(id).add(callback);
+    }
     /** @description 关闭页面，会调用页面的 onBeforeUnmount 事件，里面会做关闭动画，动画结束后会自动销毁
      * @param id 页面名称
      */
     close(id) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
-            const view = this.views[id];
+            const view = this._views[id];
             if (view) {
                 yield ((_a = view.destroy) === null || _a === void 0 ? void 0 : _a.call(view));
-                delete this.views[id];
+                delete this._views[id];
+                const set = this._closeListeners.get(id);
+                if (!set)
+                    return;
+                for (const cb of set)
+                    cb();
+                this._closeListeners.delete(id);
             }
         });
     }
     /** @description 关闭并销毁所有弹窗 */
     closeAll() {
         return __awaiter(this, void 0, void 0, function* () {
-            const ids = Object.keys(this.views);
+            const ids = Object.keys(this._views);
             for (const id of ids) {
                 yield this.close(id);
             }

package/package.json

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