lyb-pixi-js 1.12.33 → 1.12.35

package/Utils/LibPixiSlideInput.js

@@ -0,0 +1,61 @@
+import { libPixiEvent } from "./LibPixiEvent";
+/** @description 滑动选择器核心代码
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlideInput-滑动选择值
+ */
+export class LibPixiSlideInput {
+    constructor(params) {
+        /** 是否处于拖动中 */
+        this._isDragging = false;
+        /** 当前移动的位置 */
+        this._moveX = 0;
+        /** 上次移动的位置 */
+        this._lastMoveX = 0;
+        /** 当前进度 */
+        this._progress = 0;
+        const { app, clickArea, maxMoveDistance, onChange, onDown, onUp, sideArea, } = params;
+        this._app = app;
+        this._maxMoveDistance = maxMoveDistance;
+        this._onChange = onChange;
+        this._onDown = onDown;
+        this._onUp = onUp;
+        this._sideArea = sideArea;
+        clickArea.forEach((item) => {
+            libPixiEvent(item, "pointerdown", this._onDragStart.bind(this));
+        });
+        libPixiEvent(sideArea, "pointerdown", this._onDragMove.bind(this));
+        app.stage.on("pointermove", this._onDragMove.bind(this));
+        app.stage.on("pointerup", this._onDragEnd.bind(this));
+    }
+    /** @description 设置进度
+     * @param value 进度值，范围 0-1
+     */
+    setValue(value) {
+        this._progress = value;
+        this._lastMoveX = this._maxMoveDistance * value;
+        this._onChange(this._lastMoveX, value);
+    }
+    /** @description 按下触发 */
+    _onDragStart() {
+        var _a;
+        this._app.stage.eventMode = "static";
+        this._isDragging = true;
+        (_a = this._onDown) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** @description 移动触发 */
+    _onDragMove(event) {
+        const position = event.getLocalPosition(this._sideArea);
+        if (this._isDragging) {
+            this._moveX = Math.max(0, Math.min(position.x, this._maxMoveDistance));
+            this._progress = Number((this._moveX / this._maxMoveDistance).toFixed(2));
+            this._onChange(this._moveX, this._progress);
+        }
+    }
+    /** @description 抬起触发 */
+    _onDragEnd() {
+        var _a;
+        this._app.stage.eventMode = "auto";
+        this._isDragging = false;
+        this._lastMoveX = this._moveX;
+        (_a = this._onUp) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+}

package/Utils/LibPixiTicker.d.ts

@@ -0,0 +1,14 @@
+/** @description Ticker管理器 */
+export declare class LibPixiTicker {
+    private static _callbacks;
+    /** @description 添加回调，重复 ID 会覆盖 */
+    static add(id: string, fn: () => void): () => void;
+    /** @description 删除回调 */
+    static remove(id: string): void;
+    /** @description 停止某个回调（pause） */
+    static stop(id: string): void;
+    /** @description 启动某个回调（resume） */
+    static start(id: string): void;
+    /** @description 清空所有回调 */
+    static clearAll(): void;
+}

package/Utils/LibPixiTicker.js

@@ -0,0 +1,49 @@
+import { Ticker } from "pixi.js";
+/** @description Ticker管理器 */
+export class LibPixiTicker {
+    /** @description 添加回调，重复 ID 会覆盖 */
+    static add(id, fn) {
+        // 如果已有相同 ID，先移除旧回调
+        if (this._callbacks.has(id)) {
+            Ticker.shared.remove(this._callbacks.get(id).fn);
+        }
+        // 默认 active
+        this._callbacks.set(id, { fn, active: true });
+        Ticker.shared.add(fn);
+        return () => {
+            LibPixiTicker.remove(id);
+        };
+    }
+    /** @description 删除回调 */
+    static remove(id) {
+        const cb = this._callbacks.get(id);
+        if (cb) {
+            Ticker.shared.remove(cb.fn);
+            this._callbacks.delete(id);
+        }
+    }
+    /** @description 停止某个回调（pause） */
+    static stop(id) {
+        const cb = this._callbacks.get(id);
+        if (cb && cb.active) {
+            Ticker.shared.remove(cb.fn);
+            cb.active = false;
+        }
+    }
+    /** @description 启动某个回调（resume） */
+    static start(id) {
+        const cb = this._callbacks.get(id);
+        if (cb && !cb.active) {
+            Ticker.shared.add(cb.fn);
+            cb.active = true;
+        }
+    }
+    /** @description 清空所有回调 */
+    static clearAll() {
+        this._callbacks.forEach((cb) => {
+            Ticker.shared.remove(cb.fn);
+        });
+        this._callbacks.clear();
+    }
+}
+LibPixiTicker._callbacks = new Map();

package/Utils/LibPixiTickerTimeout.d.ts

@@ -0,0 +1,6 @@
+/** @description 基于 Ticker 的定时器
+ * @param callback 延迟后执行的函数
+ * @param delay 延迟时间
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTickerTimeout-Ticker定时器
+ */
+export declare const libPixiTickerTimeout: (callback: () => void, delay?: number) => () => void;

package/Utils/LibPixiTickerTimeout.js

@@ -0,0 +1,22 @@
+import { Ticker } from "pixi.js";
+/** @description 基于 Ticker 的定时器
+ * @param callback 延迟后执行的函数
+ * @param delay 延迟时间
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTickerTimeout-Ticker定时器
+ */
+export const libPixiTickerTimeout = (callback, delay = 1) => {
+    let elapsedTime = 0;
+    const ticker = Ticker.shared;
+    const tickerCallback = () => {
+        elapsedTime += ticker.deltaMS;
+        if (elapsedTime >= delay) {
+            callback === null || callback === void 0 ? void 0 : callback();
+            ticker.remove(tickerCallback);
+        }
+    };
+    ticker.add(tickerCallback);
+    ticker.start();
+    return () => {
+        ticker.remove(tickerCallback);
+    };
+};

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "lyb-pixi-js",
-  "version": "1.12.33",
+  "version": "1.12.35",
   "description": "自用Pixi.JS方法库",
   "license": "ISC",
   "exports": {
-    ".": "./index.js",
     "./Components/Base/*": "./Components/Base/*",
     "./Components/Custom/*": "./Components/Custom/*",
     "./Utils/*": "./Utils/*"

package/index.js

@@ -1,5 +0,0 @@
-(function(factory) {
-  typeof define === "function" && define.amd ? define(factory) : factory();
-})(function() {
-  "use strict";
-});