lyb-pixi-js 1.12.57 → 1.12.58

package/Components/Custom/LibPixiScrollContainerX.d.ts

@@ -15,6 +15,8 @@ export interface LibPixiScrollContainerXParams {
     maskX?: number;
     /** 遮罩Y坐标 */
     maskY?: number;
+    /** 滚动触发 */
+    onScroll?: (x: number) => void;
 }
 /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
 export declare class LibPixiScrollContainerX extends LibPixiContainer {
@@ -42,6 +44,8 @@ export declare class LibPixiScrollContainerX extends LibPixiContainer {
     private _maskGraphics;
     /** 滚动的内容 */
     private _content;
+    /** 滚动触发 */
+    private _onScroll?;
     constructor(params: LibPixiScrollContainerXParams);
     /** @description 添加边距 */
     addMargin(leftMargin: number, rightMargin?: number): void;

package/Components/Custom/LibPixiScrollContainerX.js

@@ -6,7 +6,7 @@ import { LibPixiRectangle } from "../Base/LibPixiRectangle";
 /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
 export class LibPixiScrollContainerX extends LibPixiContainer {
     constructor(params) {
-        const { width, height, scrollContent, bgColor, maskTexture, maskX = 0, maskY = 0, } = params;
+        const { width, height, scrollContent, bgColor, maskTexture, maskX = 0, maskY = 0, onScroll, } = params;
         super(width, height, bgColor);
         /** 开始位置 */
         this._startX = 0;
@@ -23,6 +23,7 @@ export class LibPixiScrollContainerX extends LibPixiContainer {
         /** 左边距 */
         this._leftMargin = 0;
         this._scrollContent = scrollContent;
+        this._onScroll = onScroll;
         // 创建内容容器
         this._content = new Container();
         this.addChild(this._content);
@@ -113,10 +114,12 @@ export class LibPixiScrollContainerX extends LibPixiContainer {
     }
     /** @description 拖动 */
     _onDragMove(event) {
+        var _a;
         if (this._isDragging) {
             const { x } = event.getLocalPosition(this);
             const newPosition = x - this._startX;
             this._content.x = newPosition;
+            (_a = this._onScroll) === null || _a === void 0 ? void 0 : _a.call(this, this._content.x);
         }
     }
     /** @description 拖动结束 */
@@ -164,6 +167,8 @@ export class LibPixiScrollContainerX extends LibPixiContainer {
     }
     /** @description 限制滚动范围 */
     _limitScrollRange() {
+        var _a;
+        (_a = this._onScroll) === null || _a === void 0 ? void 0 : _a.call(this, this._content.x);
         //如果内容顶部离开了滚动容器顶部，则归位
         if (this._content.x > 0) {
             //回弹
@@ -171,6 +176,10 @@ export class LibPixiScrollContainerX extends LibPixiContainer {
                 duration: 0.2,
                 ease: "power1.out",
                 x: 0,
+                onUpdate: () => {
+                    var _a;
+                    (_a = this._onScroll) === null || _a === void 0 ? void 0 : _a.call(this, this._content.x);
+                },
             });
         }
         // 如果滚动距离大于内容高度减去遮罩高度
@@ -184,6 +193,10 @@ export class LibPixiScrollContainerX extends LibPixiContainer {
                     duration: 0.2,
                     ease: "power1.out",
                     x,
+                    onUpdate: () => {
+                        var _a;
+                        (_a = this._onScroll) === null || _a === void 0 ? void 0 : _a.call(this, this._content.x);
+                    },
                 });
             }
             // 否则静止不动
@@ -191,6 +204,10 @@ export class LibPixiScrollContainerX extends LibPixiContainer {
                 gsap.to(this._content, {
                     duration: 0.25,
                     x: 0,
+                    onUpdate: () => {
+                        var _a;
+                        (_a = this._onScroll) === null || _a === void 0 ? void 0 : _a.call(this, this._content.x);
+                    },
                 });
             }
         }

package/package.json

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