lyb-pixi-js 1.9.1 → 1.9.2

package/Components/Custom/LibPixiScrollContainerY.d.ts

@@ -15,6 +15,8 @@ export interface LibPixiScrollContainerYParams {
     scrollbarWidth?: number;
     /** 滚动条颜色 */
     scrollbarColor?: string;
+    /** 滚动触发 */
+    onScroll: (y: number) => void;
 }
 /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerY-Y 轴滚动容器
@@ -46,6 +48,8 @@ export declare class LibPixiScrollContainerY extends LibPixiContainer {
     private _scrollbar;
     /** 滚动条颜色 */
     private _scrollbarColor;
+    /** 滚动触发 */
+    private _onScroll;
     constructor(params: LibPixiScrollContainerYParams);
     /** @description 设置滚动容器可视区宽高
      * @param width 宽度

package/Components/Custom/LibPixiScrollContainerY.js

@@ -1,14 +1,14 @@
 import { Container } from "pixi.js";
 import { gsap } from "gsap";
-import { LibPixiRectangle } from "../Base/LibPixiRectangle";
 import { libPixiEvent } from "../../Utils/LibPixiEvent";
 import { LibPixiContainer } from "../Base/LibPixiContainer";
+import { LibPixiRectangle } from "../Base/LibPixiRectangle";
 /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerY-Y 轴滚动容器
  */
 export class LibPixiScrollContainerY extends LibPixiContainer {
     constructor(params) {
-        const { width, height, scrollbar = false, scrollContent, scrollbarRgiht, scrollbarWidth = 10, scrollbarColor = "#ffffff", } = params;
+        const { width, height, scrollbar = false, scrollContent, scrollbarRgiht, scrollbarWidth = 10, scrollbarColor = "#ffffff", onScroll, } = params;
         super(width, height);
         /** 开始位置 */
         this._startY = 0;
@@ -28,6 +28,7 @@ export class LibPixiScrollContainerY extends LibPixiContainer {
         this._scrollbarDragOffset = 0;
         this._scrollContent = scrollContent;
         this._scrollbarColor = scrollbarColor;
+        this._onScroll = onScroll;
         // 创建内容容器
         this._content = new Container();
         this.addChild(this._content);
@@ -247,6 +248,7 @@ export class LibPixiScrollContainerY extends LibPixiContainer {
         const scrollY = Math.min(Math.max(-this._content.y, 0), maxScrollY);
         const barY = (scrollY / maxScrollY) * (viewHeight - barHeight);
         this._scrollbar.y = barY;
+        this._onScroll(this._content.y);
     }
     /** @description 更新滚动条大小 */
     _updateScrollbarSize() {

package/lyb-pixi.js

@@ -49265,7 +49265,8 @@ void main(void)\r
         scrollContent,
         scrollbarRgiht,
         scrollbarWidth = 10,
-        scrollbarColor = "#ffffff"
+        scrollbarColor = "#ffffff",
+        onScroll
       } = params;
       super(width, height);
       this._startY = 0;
@@ -49278,6 +49279,7 @@ void main(void)\r
       this._scrollbarDragOffset = 0;
       this._scrollContent = scrollContent;
       this._scrollbarColor = scrollbarColor;
+      this._onScroll = onScroll;
       this._content = new Container();
       this.addChild(this._content);
       this._content.addChild(this._scrollContent);
@@ -49485,6 +49487,7 @@ void main(void)\r
       const scrollY = Math.min(Math.max(-this._content.y, 0), maxScrollY);
       const barY = scrollY / maxScrollY * (viewHeight - barHeight);
       this._scrollbar.y = barY;
+      this._onScroll(this._content.y);
     }
     /** @description 更新滚动条大小 */
     _updateScrollbarSize() {

package/package.json

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