lyb-pixi-js 1.12.32 → 1.12.33

package/Components/Custom/LibPixiScrollContainerY.d.ts

@@ -1,109 +0,0 @@
-import { Container, Texture } from "pixi.js";
-import { LibPixiContainer } from "../Base/LibPixiContainer";
-export interface LibPixiScrollContainerYParams {
-    /** 宽度 */
-    width: number;
-    /** 高度 */
-    height: number;
-    /** 滚动内容 */
-    scrollContent: Container;
-    /** 背景色，用于定位 */
-    bgColor?: string;
-    /** 自定义遮罩贴图 */
-    maskTexture?: Texture;
-    /** 遮罩X坐标 */
-    maskX?: number;
-    /** 遮罩Y坐标 */
-    maskY?: number;
-    /** 是否需要滚动条 */
-    scrollbar?: boolean;
-    /** 滚动靠右坐标 */
-    scrollbarRgiht?: number;
-    /** 滚动条宽度 */
-    scrollbarWidth?: number;
-    /** 滚动条颜色 */
-    scrollbarColor?: string;
-    /** 滚动触发 */
-    onScroll?: (y: number) => void;
-}
-/** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
-export declare class LibPixiScrollContainerY extends LibPixiContainer {
-    /** 舞台 */
-    static stage: Container;
-    /** 开始位置 */
-    private _startY;
-    /** 惯性速度 */
-    private _velocity;
-    /** 上一次滚动时间 */
-    private _startTime;
-    /** 开始位置 */
-    private _startPosition;
-    /** 滚动速度 */
-    private _scrollSpeed;
-    /** 是否处于拖动状态 */
-    private _isDragging;
-    /** 是否处于滚动状态 */
-    private _scrollbarDragging;
-    /** 滚动条拖动偏移量 */
-    private _scrollbarDragOffset;
-    /** 滚动条右边距 */
-    private _scrollbarRgiht;
-    /** 滚动条宽度 */
-    private _scrollbarWidth;
-    /** 上边距 */
-    private _topMargin;
-    /** 右边距元素 */
-    private _bottomMarginBox;
-    /** 滚动容器 */
-    _scrollContent: Container;
-    /** 遮罩 */
-    private _maskGraphics;
-    /** 滚动的内容 */
-    private _content;
-    /** 滚动条 */
-    private _scrollbar;
-    /** 滚动条颜色 */
-    private _scrollbarColor;
-    /** 是否显示滚动条 */
-    private _showScrollbar;
-    /** 滚动触发 */
-    private _onScroll?;
-    constructor(params: LibPixiScrollContainerYParams);
-    /** @description 添加边距 */
-    addMargin(topMargin: number, bottomMargin?: number): void;
-    /** @description 设置滚动容器可视区宽高
-     * @param width 宽度
-     * @param height 高度
-     */
-    setDimensions(width: number, height: number): void;
-    /** @description 返回顶部 */
-    scrollToTop(): void;
-    /** @description 往滚动内容添加元素 */
-    addContent(container: Container): void;
-    /** @description 更新右边距坐标 */
-    private _updateBottomMargin;
-    /** @description 按下 */
-    private _onDragStart;
-    /** @description 拖动 */
-    private _onDragMove;
-    /** @description 拖动结束 */
-    private _onDragEnd;
-    /** @description 滚轮滚动 */
-    private _onWheelScroll;
-    /** @description 惯性动画 */
-    private _applyInertia;
-    /** @description 限制滚动范围 */
-    private _limitScrollRange;
-    /** @description 更新滚动位置 */
-    private _updateScrollbar;
-    /** @description 更新滚动条大小 */
-    private _updateScrollbarSize;
-    /** @description 滚动条按下 */
-    private _onScrollbarDragStart;
-    /** @description 滚动条移动 */
-    private _onScrollbarDragMove;
-    /** @description 滚动条松开 */
-    private _onScrollbarDragEnd;
-    /** @description 滚动结束一秒后隐藏滚动条 */
-    private _hideScrollbar;
-}

package/Components/Custom/LibPixiScrollContainerY.js

@@ -1,338 +0,0 @@
-import { Container, Sprite } from "pixi.js";
-import { gsap } from "gsap";
-import { libPixiEvent } from "../../Utils/LibPixiEvent";
-import { LibPixiContainer } from "../Base/LibPixiContainer";
-import { LibPixiRectangle } from "../Base/LibPixiRectangle";
-/** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
-export class LibPixiScrollContainerY extends LibPixiContainer {
-    constructor(params) {
-        const { width, height, scrollbar = false, scrollContent, scrollbarRgiht = 0, scrollbarWidth = 10, scrollbarColor = "#ffffff", onScroll, bgColor, maskTexture, maskX = 0, maskY = 0, } = params;
-        super(width, height, bgColor);
-        /** 开始位置 */
-        this._startY = 0;
-        /** 惯性速度 */
-        this._velocity = 0;
-        /** 上一次滚动时间 */
-        this._startTime = 0;
-        /** 开始位置 */
-        this._startPosition = 0;
-        /** 滚动速度 */
-        this._scrollSpeed = 200;
-        /** 是否处于拖动状态 */
-        this._isDragging = false;
-        /** 是否处于滚动状态 */
-        this._scrollbarDragging = false;
-        /** 滚动条拖动偏移量 */
-        this._scrollbarDragOffset = 0;
-        /** 上边距 */
-        this._topMargin = 0;
-        this._scrollbarRgiht = scrollbarRgiht;
-        this._scrollbarWidth = scrollbarWidth;
-        this._scrollContent = scrollContent;
-        this._scrollbarColor = scrollbarColor;
-        this._onScroll = onScroll;
-        this._showScrollbar = scrollbar;
-        // 创建内容容器
-        this._content = new Container();
-        this.addChild(this._content);
-        this._content.addChild(this._scrollContent);
-        //自定义遮罩
-        if (maskTexture) {
-            this._maskGraphics = new Sprite(maskTexture);
-            this.addChild(this._maskGraphics);
-            this._maskGraphics.width = width;
-            this._maskGraphics.height = height;
-            this._maskGraphics.position.set(maskX, maskY);
-            this.mask = this._maskGraphics;
-        }
-        else {
-            this._maskGraphics = new LibPixiRectangle(width, height, "#000");
-            this.addChild(this._maskGraphics);
-            this.mask = this._maskGraphics;
-        }
-        // 创建滚动条
-        this._scrollbar = new LibPixiRectangle(scrollbarWidth, height, this._scrollbarColor);
-        this._scrollbar.x = width - (scrollbarRgiht || scrollbarWidth);
-        this.addChild(this._scrollbar);
-        this._scrollbar.visible = this._showScrollbar;
-        this._scrollbar.alpha = 0;
-        this._updateScrollbarSize();
-        //是否已经离开滚动条
-        libPixiEvent(this._scrollbar, "pointerdown", this._onScrollbarDragStart.bind(this));
-        libPixiEvent(this._scrollbar, "pointerenter", () => {
-            gsap.killTweensOf(this._scrollbar);
-            this._scrollbar.alpha = 1;
-            this._updateScrollbarSize();
-        });
-        libPixiEvent(this._scrollbar, "pointerleave", () => {
-            gsap.to(this._scrollbar, {
-                duration: 0.5,
-                alpha: 0,
-                delay: 1,
-            });
-        });
-        // 添加事件监听
-        libPixiEvent(this, "pointerdown", (event) => {
-            this._onDragStart(event);
-            this._updateScrollbarSize();
-        });
-        libPixiEvent(LibPixiScrollContainerY.stage, "pointermove", (event) => {
-            this._onScrollbarDragMove(event);
-            this._onDragMove(event);
-        });
-        libPixiEvent(this, "pointerup", (event) => {
-            this._onScrollbarDragEnd(event);
-            this._onDragEnd();
-        });
-        libPixiEvent(this, "wheel", (event) => {
-            this._onWheelScroll(event);
-            this._updateScrollbarSize();
-        });
-        libPixiEvent(this, "pointerupoutside", () => {
-            this._onDragEnd();
-        });
-    }
-    /** @description 添加边距 */
-    addMargin(topMargin, bottomMargin = topMargin) {
-        this._topMargin = topMargin;
-        if (topMargin) {
-            const topMarginBox = new Sprite();
-            this._content.addChild(topMarginBox);
-            topMarginBox.height = topMargin;
-            this._scrollContent.y += topMargin;
-        }
-        if (bottomMargin) {
-            this._bottomMarginBox = new Sprite();
-            this._content.addChild(this._bottomMarginBox);
-            this._bottomMarginBox.height = bottomMargin;
-            this._bottomMarginBox.y = topMargin + this._scrollContent.height;
-        }
-    }
-    /** @description 设置滚动容器可视区宽高
-     * @param width 宽度
-     * @param height 高度
-     */
-    setDimensions(width, height) {
-        this._maskGraphics.width = width;
-        this._maskGraphics.height = height;
-        this.setSize(width, height);
-        this._scrollbar.x = width - (this._scrollbarRgiht || this._scrollbarWidth);
-        this._updateBottomMargin();
-    }
-    /** @description 返回顶部 */
-    scrollToTop() {
-        gsap.killTweensOf(this._content);
-        this._content.y = 0;
-    }
-    /** @description 往滚动内容添加元素 */
-    addContent(container) {
-        this._scrollContent.addChild(container);
-    }
-    /** @description 更新右边距坐标 */
-    _updateBottomMargin() {
-        this._bottomMarginBox.x = this._topMargin + this._scrollContent.width;
-    }
-    /** @description 按下 */
-    _onDragStart(event) {
-        if (this._content.height <= this._maskGraphics.height)
-            return;
-        const { y } = event.getLocalPosition(this);
-        this._startY = y - this._content.y;
-        this._isDragging = true;
-        this._velocity = 0;
-        this._startTime = Date.now();
-        this._startPosition = this._content.y;
-        gsap.killTweensOf(this._content);
-    }
-    /** @description 拖动 */
-    _onDragMove(event) {
-        if (this._isDragging) {
-            const { y } = event.getLocalPosition(this);
-            const newPosition = y - this._startY;
-            this._content.y = newPosition;
-            this._updateScrollbar();
-        }
-    }
-    /** @description 拖动结束 */
-    _onDragEnd() {
-        this._isDragging = false;
-        this._scrollbarDragging = false;
-        const currentTime = Date.now();
-        const deltaTime = currentTime - this._startTime; // 计算停留时间
-        if (deltaTime < 250) {
-            // 如果停留时间在阈值内，计算惯性速度
-            this._velocity = (this._content.y - this._startPosition) / deltaTime;
-            this._applyInertia();
-        }
-        else {
-            // 停留时间超出阈值，取消惯性
-            this._velocity = 0;
-        }
-        this._limitScrollRange();
-        gsap.to(this._scrollbar, {
-            duration: 0.5,
-            alpha: 0,
-            delay: 0.25,
-        });
-    }
-    /** @description 滚轮滚动 */
-    _onWheelScroll(event) {
-        // 如果内容高度小于遮罩高度，则不滚动
-        if (this._content.height <= this._maskGraphics.height)
-            return;
-        let y = this._content.y - event.deltaY * (this._scrollSpeed / 100);
-        //如果到达顶部，则不滚动
-        if (y > 0) {
-            y = 0;
-        }
-        //如果到达底部，则不滚动
-        else if (Math.abs(y) >= this._content.height - this._maskGraphics.height) {
-            y = -(this._content.height - this._maskGraphics.height);
-        }
-        gsap.to(this._content, {
-            duration: 0.25,
-            ease: "power1.out",
-            y,
-            onUpdate: () => {
-                this._updateScrollbar();
-            },
-            onComplete: () => {
-                this._hideScrollbar();
-            },
-        });
-    }
-    /** @description 惯性动画 */
-    _applyInertia() {
-        gsap.to(this._content, {
-            y: this._content.y + this._velocity * 250,
-            duration: 0.5,
-            ease: "power1.out",
-            onUpdate: () => {
-                this._limitScrollRange();
-                this._updateScrollbar();
-            },
-            onComplete: () => {
-                this._hideScrollbar();
-            },
-        });
-    }
-    /** @description 限制滚动范围 */
-    _limitScrollRange() {
-        //如果内容顶部离开了滚动容器顶部，则归位
-        if (this._content.y > 0) {
-            gsap.to(this._content, {
-                duration: 0.75,
-                y: 0,
-                ease: "elastic.out",
-                onUpdate: () => {
-                    this._updateScrollbar();
-                },
-                onComplete: () => {
-                    this._hideScrollbar();
-                },
-            });
-        }
-        // 如果滚动距离大于内容高度减去遮罩高度
-        else if (Math.abs(this._content.y) >=
-            this._content.height - this._maskGraphics.height) {
-            // 如果内容高度大于遮罩高度，则滚动到底部
-            if (this._content.height > this._maskGraphics.height) {
-                const y = -(this._content.height - this._maskGraphics.height);
-                gsap.to(this._content, {
-                    duration: 0.75,
-                    y,
-                    ease: "elastic.out",
-                    onUpdate: () => {
-                        this._updateScrollbar();
-                    },
-                    onComplete: () => {
-                        this._hideScrollbar();
-                    },
-                });
-            }
-            // 否则静止不动
-            else {
-                gsap.to(this._content, {
-                    duration: 0.25,
-                    y: 0,
-                    onUpdate: () => {
-                        this._updateScrollbar();
-                    },
-                    onComplete: () => {
-                        this._hideScrollbar();
-                    },
-                });
-            }
-        }
-    }
-    /** @description 更新滚动位置 */
-    _updateScrollbar() {
-        var _a;
-        this._scrollbar.alpha = 1;
-        gsap.killTweensOf(this._scrollbar);
-        const viewHeight = this._maskGraphics.height;
-        const contentHeight = this._content.height;
-        const ratio = viewHeight / contentHeight;
-        const barHeight = viewHeight * ratio;
-        const maxScrollY = contentHeight - viewHeight;
-        const scrollY = Math.min(Math.max(-this._content.y, 0), maxScrollY);
-        const barY = (scrollY / maxScrollY) * (viewHeight - barHeight);
-        this._scrollbar.y = barY;
-        (_a = this._onScroll) === null || _a === void 0 ? void 0 : _a.call(this, this._content.y);
-    }
-    /** @description 更新滚动条大小 */
-    _updateScrollbarSize() {
-        if (!this._showScrollbar)
-            return;
-        const viewHeight = this._maskGraphics.height;
-        const contentHeight = this._content.height;
-        if (contentHeight <= viewHeight) {
-            this._scrollbar.visible = false;
-        }
-        else {
-            this._scrollbar.visible = true;
-        }
-        const ratio = viewHeight / contentHeight;
-        const barHeight = viewHeight * ratio;
-        this._scrollbar.clear();
-        this._scrollbar.beginFill(this._scrollbarColor);
-        this._scrollbar.drawRect(0, 0, 10, barHeight);
-        this._scrollbar.endFill();
-    }
-    /** @description 滚动条按下 */
-    _onScrollbarDragStart(event) {
-        event.stopPropagation();
-        this._scrollbarDragging = true;
-        this._scrollbarDragOffset = event.getLocalPosition(this._scrollbar).y;
-        gsap.killTweensOf(this._content);
-    }
-    /** @description 滚动条移动 */
-    _onScrollbarDragMove(event) {
-        event.stopPropagation();
-        if (!this._scrollbarDragging)
-            return;
-        const localY = event.getLocalPosition(this).y;
-        const viewHeight = this._maskGraphics.height;
-        const contentHeight = this._content.height;
-        const ratio = viewHeight / contentHeight;
-        const barHeight = viewHeight * ratio;
-        const maxBarY = viewHeight - barHeight;
-        const newBarY = Math.min(Math.max(localY - this._scrollbarDragOffset, 0), maxBarY);
-        const scrollY = (newBarY / maxBarY) * (contentHeight - viewHeight);
-        this._content.y = -scrollY;
-        this._updateScrollbar();
-    }
-    /** @description 滚动条松开 */
-    _onScrollbarDragEnd(event) {
-        event.stopPropagation();
-        this._scrollbarDragging = false;
-    }
-    /** @description 滚动结束一秒后隐藏滚动条 */
-    _hideScrollbar() {
-        gsap.to(this._scrollbar, {
-            duration: 0.5,
-            alpha: 0,
-            delay: 0.25,
-        });
-    }
-}

package/Components/Custom/LibPixiScrollNum.d.ts

@@ -1,67 +0,0 @@
-import { Container } from "pixi.js";
-import { LibPixiContainer } from "../Base/LibPixiContainer";
-export interface LibPixiScrollNumParams {
-    /** 滚动区域宽度 */
-    width: number;
-    /** 滚动区域高度 */
-    height: number;
-    /** 一页高度 */
-    pageHeight: number;
-    /** 滚动的容器 */
-    content: Container;
-    /** 总数 */
-    pageNum: number;
-    /** 松手回调 */
-    slideCallback?: (index: number) => void;
-    /** 滚动回调 */
-    scrollCallback?: (y: number, index: number) => void;
-}
-/** @description 通过鼠标或手指拖动数字列选择数字
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
- */
-export declare class LibPixiScrollNum extends LibPixiContainer {
-    /** 当前幻灯片索引 */
-    private _currentIndex;
-    /** 滚动区域高度 */
-    private _scrollHeight;
-    /** 滑动区域高度 */
-    private _slideHeight;
-    /** 记录拖动开始时的Y坐标 */
-    private _startY;
-    /** 偏移量 */
-    private _offsetY;
-    /** 最大索引 */
-    private _pageNum;
-    /** 记录开始时间 */
-    private _startTime;
-    /** 是否正在拖动 */
-    private _isDragging;
-    /** 滑动内容 */
-    private _slideArea;
-    /** 滑动回调 */
-    private _slideCallback?;
-    /** 滚动回调 */
-    private _scrollCallback?;
-    constructor(params: LibPixiScrollNumParams);
-    /** @description 更新坐标
-     * @param y Y坐标
-     * @param index 页数索引
-     */
-    updatePosition(y: number, index: number): void;
-    /** @description 滑动到指定索引
-     * @param index 页数索引
-     */
-    slideTo(index: number): void;
-    /** @description 设置滚动景深
-     * @param containerList 元素列表
-     * @param y 拖动Y坐标
-     * @param startY 内部将y - startY进行计算
-     */
-    setDepth(containerList: Container[], y: number, startY?: number): void;
-    /** @description 开始拖动 */
-    private _onDragStart;
-    /** @description 拖动中 */
-    private _onDragMove;
-    /** @description 结束拖动 */
-    private _onDragEnd;
-}

package/Components/Custom/LibPixiScrollNum.js

@@ -1,184 +0,0 @@
-import { Graphics } from "pixi.js";
-import gsap from "gsap";
-import { LibPixiContainer } from "../Base/LibPixiContainer";
-import { LibJsLerp } from "lyb-js/Math/LibJsLerp.js";
-/** @description 通过鼠标或手指拖动数字列选择数字
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
- */
-export class LibPixiScrollNum extends LibPixiContainer {
-    constructor(params) {
-        const { width, height, content, slideCallback, scrollCallback, pageNum, pageHeight, } = params;
-        super(width, height);
-        /** 当前幻灯片索引 */
-        this._currentIndex = 0;
-        /** 滚动区域高度 */
-        this._scrollHeight = 0;
-        /** 滑动区域高度 */
-        this._slideHeight = 0;
-        /** 记录拖动开始时的Y坐标 */
-        this._startY = 0;
-        /** 偏移量 */
-        this._offsetY = 0;
-        /** 最大索引 */
-        this._pageNum = 0;
-        /** 记录开始时间 */
-        this._startTime = new Date().getTime();
-        /** 是否正在拖动 */
-        this._isDragging = false;
-        //设置遮罩
-        const mask = new Graphics();
-        mask.beginFill(0xffffff);
-        mask.drawRect(0, 0, this.width, this.height);
-        mask.endFill();
-        this.addChild(mask);
-        this.mask = mask;
-        this._scrollHeight = height;
-        this._slideHeight = pageHeight;
-        this._slideArea = content;
-        this._slideCallback = slideCallback;
-        this._scrollCallback = scrollCallback;
-        this._pageNum = pageNum - 1;
-        this.addChild(this._slideArea);
-        this._slideArea.x = width / 2;
-        this._slideArea.y = this._scrollHeight / 2;
-        // 监听拖动事件
-        this.eventMode = "static";
-        this.cursor = "pointer";
-        this.on("pointerdown", this._onDragStart);
-        window.addEventListener("pointermove", this._onDragMove.bind(this));
-        window.addEventListener("pointerup", this._onDragEnd.bind(this));
-    }
-    /** @description 更新坐标
-     * @param y Y坐标
-     * @param index 页数索引
-     */
-    updatePosition(y, index) {
-        this._slideArea.y = y;
-        this._currentIndex = index;
-    }
-    /** @description 滑动到指定索引
-     * @param index 页数索引
-     */
-    slideTo(index) {
-        var _a;
-        if (index < 0) {
-            // 回弹到第一张
-            gsap.to(this._slideArea, {
-                y: this._scrollHeight / 2,
-                duration: 0.25,
-                onUpdate: () => {
-                    var _a;
-                    (_a = this._scrollCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._slideArea.y, this._currentIndex);
-                },
-            });
-            this._currentIndex = 0;
-        }
-        else if (index > this._pageNum) {
-            // 回弹到最后一张
-            gsap.to(this._slideArea, {
-                y: -this._pageNum * this._slideHeight + this._scrollHeight / 2,
-                duration: 0.5,
-                onUpdate: () => {
-                    var _a;
-                    (_a = this._scrollCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._slideArea.y, this._currentIndex);
-                },
-            });
-            this._currentIndex = this._pageNum;
-        }
-        else {
-            // 正常滑动
-            this._currentIndex = index;
-            gsap.to(this._slideArea, {
-                y: -this._currentIndex * this._slideHeight + this._scrollHeight / 2,
-                duration: 0.1,
-                onUpdate: () => {
-                    var _a;
-                    (_a = this._scrollCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._slideArea.y, this._currentIndex);
-                },
-            });
-        }
-        (_a = this._slideCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._currentIndex);
-    }
-    /** @description 设置滚动景深
-     * @param containerList 元素列表
-     * @param y 拖动Y坐标
-     * @param startY 内部将y - startY进行计算
-     */
-    setDepth(containerList, y, startY = 0) {
-        const Y = y - startY;
-        const idx = Math.floor(Math.abs(Y) / this._slideHeight);
-        const t = (Math.abs(Y) % this._slideHeight) / this._slideHeight;
-        const prevIdx = idx - 1;
-        const nextIdx = idx + 1;
-        const nextIdx2 = idx + 2;
-        const curItem = containerList[idx];
-        curItem.alpha = LibJsLerp(0.5, 1, 1 - t);
-        curItem.scale.y = LibJsLerp(0.85, 1, 1 - t);
-        if (nextIdx < containerList.length) {
-            const nextItem = containerList[nextIdx];
-            nextItem.alpha = LibJsLerp(0.5, 1, t);
-            nextItem.scale.y = LibJsLerp(0.85, 1, t);
-        }
-        if (nextIdx2 < containerList.length) {
-            const nextItem = containerList[nextIdx2];
-            nextItem.alpha = LibJsLerp(0.1, 0.5, t);
-        }
-        if (prevIdx >= 0) {
-            const prevItem = containerList[prevIdx];
-            prevItem.alpha = LibJsLerp(0.1, 0.5, 1 - t);
-        }
-    }
-    /** @description 开始拖动 */
-    _onDragStart(event) {
-        this._isDragging = true;
-        this._startY = event.data.global.y;
-        this._offsetY = this._slideArea.y;
-        gsap.killTweensOf(this._slideArea);
-        this._startTime = new Date().getTime();
-    }
-    /** @description 拖动中 */
-    _onDragMove(event) {
-        var _a;
-        if (!this._isDragging)
-            return;
-        const moveY = event.pageY - this._startY;
-        let newY = this._offsetY + moveY;
-        // 限制滑动区域的上下边界
-        const minY = this._scrollHeight / 2;
-        const maxY = -this._pageNum * this._slideHeight + this._scrollHeight / 2;
-        // 如果超出上下边界，禁止拖动
-        if (newY > minY)
-            newY = minY;
-        if (newY < maxY)
-            newY = maxY;
-        this._slideArea.y = newY;
-        (_a = this._scrollCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._slideArea.y, this._currentIndex);
-    }
-    /** @description 结束拖动 */
-    _onDragEnd(event) {
-        if (!this._isDragging)
-            return;
-        this._isDragging = false;
-        const endTime = new Date().getTime() - this._startTime;
-        const slide = this._startY - event.pageY; // 计算滑动的距离
-        const slideSpeed = Math.abs(slide) / endTime; // 计算滑动速度
-        const speedThreshold = 0.275;
-        // 计算滑动的页面变化数，根据滑动距离来调整页码
-        const slideThreshold = this._slideHeight / 2;
-        // 计算实际的翻页增量，使用 `slide / this._slideHeight` 来计算滑动的页数
-        const pageChange = Math.round(slide / this._slideHeight);
-        // 如果滑动速度足够快，且滑动的距离大于阈值，强制翻页
-        if (Math.abs(slide) > slideThreshold || slideSpeed > speedThreshold) {
-            this._currentIndex += pageChange; // 这里会根据滑动的方向来增加或减少当前页码
-        }
-        // 防止超出页面的上下限
-        if (this._currentIndex < 0) {
-            this._currentIndex = 0; // 保证当前页码不小于 0
-        }
-        else if (this._currentIndex > this._pageNum) {
-            this._currentIndex = this._pageNum; // 保证当前页码不大于最大页码
-        }
-        // 执行滑动到目标页码
-        this.slideTo(this._currentIndex);
-    }
-}