lyb-pixi-js 1.9.4 → 1.9.6

package/Components/Base/LibPixiSpine.js

@@ -20,7 +20,7 @@ export class LibPixiSpine extends Spine {
         this._followDots = [];
         /** 是否已开始 */
         this._isStart = false;
-        this.visible = visible;
+        this.alpha = visible ? 1 : 0;
         this.autoUpdate = false;
         //如果存在挂点
         if (followPointList === null || followPointList === void 0 ? void 0 : followPointList.length) {
@@ -50,7 +50,7 @@ export class LibPixiSpine extends Spine {
                 },
             };
             setTimeout(() => {
-                this.visible = true;
+                this.alpha = 1;
             });
         });
     }

package/Components/Custom/LibPixiSlide.d.ts

@@ -0,0 +1,92 @@
+import { Container } from "pixi.js";
+import { LibPixiContainer } from "../Base/LibPixiContainer";
+export interface LibPixiSlideParams {
+    /** 舞台 */
+    stage: Container;
+    /** 当前方向 */
+    direction: "x" | "y";
+    /** 滚动区域宽度 */
+    width: number;
+    /** 滚动区域高度 */
+    height: number;
+    /** 一页宽度 */
+    pageWidth?: number;
+    /** 一页高度 */
+    pageHeight?: number;
+    /** 滚动的容器 */
+    content: Container;
+    /** 元素列表 */
+    itemList: Container[];
+    /** 是否启用循环 */
+    loop?: boolean;
+    /** 景深定制回调，第二参数函数参数景深衰减值，可视区三个元素时，建议0.5，五个元素时，建议0.2 */
+    depthCallback?: (container: Container, getValue: (depthAtten: number) => number) => void;
+    /** 松手回调 */
+    slideCallback?: (index: number) => void;
+    /** 滚动回调 */
+    scrollCallback?: (x: number, index: number) => void;
+}
+/** @description 滑动页
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
+ */
+export declare class LibPixiSlide extends LibPixiContainer {
+    /** 滑动加速度触发翻页 */
+    private _SPEED_THRESHOLD;
+    /** 滑动比例翻页 */
+    private _SCROLL_THRESHOLD;
+    /** 当前方向 */
+    private _direction;
+    /** 元素列表 */
+    private _itemList;
+    /** 一页宽度 */
+    private _pageWidth;
+    /** 一页高度 */
+    private _pageHeight;
+    /** 是否循环 */
+    private _loop;
+    /** 两侧预留格数，如可视区有三个，则两侧预留为1 */
+    private _freeGridNum;
+    /** 当前幻灯片索引 */
+    private _currentIndex;
+    /** 记录拖动开始时的X坐标 */
+    private _startX;
+    /** 记录拖动开始时的Y坐标 */
+    private _startY;
+    /** 偏移量 */
+    private _offsetX;
+    /** 偏移量 */
+    private _offsetY;
+    /** 最大索引 */
+    private _pageNum;
+    /** 记录开始时间 */
+    private _startTime;
+    /** 是否正在拖动 */
+    private _isDragging;
+    /** 滑动内容 */
+    private _slideArea;
+    /** 景深定制回调 */
+    private _depthCallback?;
+    /** 滑动回调 */
+    private _slideCallback?;
+    /** 滚动回调 */
+    private _scrollCallback?;
+    constructor(params: LibPixiSlideParams);
+    /** @description 更新坐标 */
+    updatePosition(v: number, index: number): void;
+    /** @description 上一页 */
+    prev(): void;
+    /** @description 下一页 */
+    next(): void;
+    /** @description 滑动到指定索引 */
+    slideTo(index: number): void;
+    /** @description 设置滚动景深 */
+    private _setDepth;
+    /** @description 开始拖动 */
+    private _onDragStart;
+    /** @description 拖动中 */
+    private _onDragMove;
+    /** @description 滚动触发 */
+    private _onScroll;
+    /** @description 结束拖动 */
+    private _onDragEnd;
+}

package/Components/Custom/LibPixiSlide.js

@@ -0,0 +1,281 @@
+import { Graphics } from "pixi.js";
+import gsap from "gsap";
+import { LibPixiContainer } from "../Base/LibPixiContainer";
+import { libPixiEvent } from "../../Utils/LibPixiEvent";
+/** @description 滑动页
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
+ */
+export class LibPixiSlide extends LibPixiContainer {
+    constructor(params) {
+        const { stage, width, height, content, depthCallback, slideCallback, scrollCallback, pageWidth = 0, pageHeight = 0, itemList, loop = false, direction, } = params;
+        super(width, height);
+        /** 滑动加速度触发翻页 */
+        this._SPEED_THRESHOLD = 0.35;
+        /** 滑动比例翻页 */
+        this._SCROLL_THRESHOLD = 0.5;
+        /** 一页宽度 */
+        this._pageWidth = 0;
+        /** 一页高度 */
+        this._pageHeight = 0;
+        /** 是否循环 */
+        this._loop = false;
+        /** 两侧预留格数，如可视区有三个，则两侧预留为1 */
+        this._freeGridNum = 0;
+        /** 当前幻灯片索引 */
+        this._currentIndex = 0;
+        /** 记录拖动开始时的X坐标 */
+        this._startX = 0;
+        /** 记录拖动开始时的Y坐标 */
+        this._startY = 0;
+        /** 偏移量 */
+        this._offsetX = 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._direction = direction;
+        this._pageWidth = pageWidth;
+        this._pageHeight = pageHeight;
+        this._slideArea = content;
+        this._itemList = itemList;
+        this._loop = loop;
+        this._depthCallback = depthCallback;
+        this._slideCallback = slideCallback;
+        this._scrollCallback = scrollCallback;
+        this._pageNum = itemList.length;
+        this.addChild(this._slideArea);
+        if (this._direction === "x") {
+            this._freeGridNum = Math.floor(width / this._pageWidth / 2);
+            this._slideArea.x = this._pageWidth * this._freeGridNum;
+        }
+        else {
+            this._freeGridNum = Math.floor(height / pageHeight / 2);
+            this._slideArea.y = this._pageHeight * this._freeGridNum;
+        }
+        this.eventMode = "static";
+        this.cursor = "pointer";
+        this._setDepth();
+        libPixiEvent(this, "pointerdown", this._onDragStart.bind(this));
+        libPixiEvent(stage, "pointermove", this._onDragMove.bind(this));
+        window.addEventListener("pointerup", this._onDragEnd.bind(this));
+    }
+    /** @description 更新坐标 */
+    updatePosition(v, index) {
+        this._currentIndex = index;
+        this._setDepth();
+        if (this._direction === "x") {
+            this._slideArea.x = v;
+        }
+        else {
+            this._slideArea.y = v;
+        }
+    }
+    /** @description 上一页 */
+    prev() {
+        this.slideTo(this._currentIndex - 1);
+    }
+    /** @description 下一页 */
+    next() {
+        this.slideTo(this._currentIndex + 1);
+    }
+    /** @description 滑动到指定索引 */
+    slideTo(index) {
+        var _a;
+        this._currentIndex = index;
+        //首尾限制
+        if (this._currentIndex < 0) {
+            if (this._loop) {
+                this._currentIndex = this._pageNum - 1;
+            }
+            else {
+                this._currentIndex = 0;
+            }
+        }
+        else if (this._currentIndex >= this._pageNum) {
+            this._currentIndex = this._pageNum;
+            if (this._loop) {
+                this._currentIndex = 0;
+            }
+            else {
+                this._currentIndex--;
+            }
+        }
+        if (this._direction === "x") {
+            gsap.to(this._slideArea, {
+                x: -this._currentIndex * this._pageWidth +
+                    this._pageWidth * this._freeGridNum,
+                duration: 0.25,
+                onUpdate: () => {
+                    this._onScroll();
+                },
+            });
+        }
+        else {
+            gsap.to(this._slideArea, {
+                y: -this._currentIndex * this._pageHeight +
+                    this._pageHeight * this._freeGridNum,
+                duration: 0.25,
+                onUpdate: () => {
+                    this._onScroll();
+                },
+            });
+        }
+        // 触发滑动结束回调
+        (_a = this._slideCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._currentIndex);
+    }
+    /** @description 设置滚动景深 */
+    _setDepth() {
+        if (!this._depthCallback)
+            return;
+        let t = 0;
+        let currentIndex = 0;
+        if (this._direction === "x") {
+            const x = this._slideArea.x;
+            const startX = this._freeGridNum * this._pageWidth;
+            //设置起始位置，获取当前绝对坐标
+            const absX = Math.abs(x - startX);
+            // 根据滑动宽度计算出当前位置对应的索引
+            currentIndex = Math.floor(absX / this._pageWidth);
+            // 计算当前索引在一页中的比例，越靠近当前索引的x坐标，值越小，范围0-1
+            t = (absX % this._pageWidth) / this._pageWidth;
+            //如果在起点的时候还在向左滑，则取反,避免distance显示效果计算错误
+            if (x - startX > 0) {
+                t = -t;
+                currentIndex = -currentIndex;
+            }
+        }
+        else {
+            const y = this._slideArea.y;
+            const startY = this._freeGridNum * this._pageHeight;
+            //设置起始位置，获取当前绝对坐标
+            const absY = Math.abs(y - startY);
+            // 根据滑动宽度计算出当前位置对应的索引
+            currentIndex = Math.floor(absY / this._pageHeight);
+            // 计算当前索引在一页中的比例，越靠近当前索引的x坐标，值越小，范围0-1
+            t = (absY % this._pageHeight) / this._pageHeight;
+            //如果在起点的时候还在向左滑，则取反,避免distance显示效果计算错误
+            if (y - startY > 0) {
+                t = -t;
+                currentIndex = -currentIndex;
+            }
+        }
+        this._itemList.forEach((item, i) => {
+            var _a;
+            // 计算当前项与目标索引之间的索引距离
+            const distance = Math.abs(i - currentIndex - t);
+            (_a = this._depthCallback) === null || _a === void 0 ? void 0 : _a.call(this, item, (depthAtten) => {
+                return Math.max(0, 1 - distance * depthAtten);
+            });
+        });
+    }
+    /** @description 开始拖动 */
+    _onDragStart(event) {
+        this._isDragging = true;
+        gsap.killTweensOf(this._slideArea);
+        this._startTime = new Date().getTime();
+        if (this._direction === "x") {
+            this._startX = event.global.x;
+            this._offsetX = this._slideArea.x;
+        }
+        else {
+            this._startY = event.global.y;
+            this._offsetY = this._slideArea.y;
+        }
+    }
+    /** @description 拖动中 */
+    _onDragMove(event) {
+        if (!this._isDragging)
+            return;
+        if (this._direction === "x") {
+            const moveX = event.pageX - this._startX;
+            this._slideArea.x = this._offsetX + moveX;
+        }
+        else {
+            const moveY = event.pageY - this._startY;
+            this._slideArea.y = this._offsetY + moveY;
+        }
+        this._onScroll();
+    }
+    /** @description 滚动触发 */
+    _onScroll() {
+        var _a, _b;
+        this._setDepth();
+        if (this._direction === "x") {
+            (_a = this._scrollCallback) === null || _a === void 0 ? void 0 : _a.call(this, this._slideArea.x, this._currentIndex);
+        }
+        else {
+            (_b = this._scrollCallback) === null || _b === void 0 ? void 0 : _b.call(this, this._slideArea.y, this._currentIndex);
+        }
+    }
+    /** @description 结束拖动 */
+    _onDragEnd(event) {
+        if (this._direction === "x") {
+            if (!this._isDragging)
+                return;
+            this._isDragging = false;
+            //滑动耗时
+            const slideTime = new Date().getTime() - this._startTime;
+            //滑动距离
+            const slide = this._startX - event.pageX;
+            //滑动速度
+            const slideSpeed = Math.abs(slide) / slideTime;
+            //要滑动的页数
+            const pageChange = Math.round(slide / this._pageWidth);
+            //如果滑动超过阈值，则翻页
+            if (Math.abs(slide) > this._pageWidth * this._SCROLL_THRESHOLD) {
+                this._currentIndex += pageChange;
+            }
+            //如果滑动速度大于阈值，则翻页
+            else if (slideSpeed > this._SPEED_THRESHOLD) {
+                let addIndex = slide / this._pageWidth;
+                if (addIndex > 0) {
+                    addIndex = Math.ceil(addIndex);
+                }
+                else {
+                    addIndex = Math.floor(addIndex);
+                }
+                this._currentIndex += addIndex;
+            }
+            this.slideTo(this._currentIndex);
+        }
+        else {
+            if (!this._isDragging)
+                return;
+            this._isDragging = false;
+            //滑动耗时
+            const slideTime = new Date().getTime() - this._startTime;
+            //滑动距离
+            const slide = this._startY - event.pageY;
+            //滑动速度
+            const slideSpeed = Math.abs(slide) / slideTime;
+            //要滑动的页数
+            const pageChange = Math.round(slide / this._pageHeight);
+            //如果滑动超过阈值，则翻页
+            if (Math.abs(slide) > this._pageHeight * this._SCROLL_THRESHOLD) {
+                this._currentIndex += pageChange;
+            }
+            //如果滑动速度大于阈值，则翻页
+            else if (slideSpeed > this._SPEED_THRESHOLD) {
+                let addIndex = slide / this._pageHeight;
+                if (addIndex > 0) {
+                    addIndex = Math.ceil(addIndex);
+                }
+                else {
+                    addIndex = Math.floor(addIndex);
+                }
+                this._currentIndex += addIndex;
+            }
+            this.slideTo(this._currentIndex);
+        }
+    }
+}

package/libPixiJs.d.ts

@@ -23,193 +23,120 @@ import { LibPixiHtmlText } from "./Components/Base/LibPixiHtmlText";
 import { LibPixiRectangle } from "./Components/Base/LibPixiRectangle";
 import { LibPixiPolygon } from "./Components/Base/LibPixiPolygon";
 import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
+import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
 /** @description 组件 */
 export declare const Components: {
     Base: {
-        /** @description 自定义位图文本
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiBitText-位图
-         */
+        /** @description 自定义位图文本 */
         LibPixiBitText: typeof LibPixiBitText;
-        /** @description 自定义容器大小及背景色
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiContainer-容器
-         */
+        /** @description 自定义容器大小及背景色 */
         LibPixiContainer: typeof LibPixiContainer;
-        /** @description 利用贝塞尔曲线实现粒子移动
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiParticleMove-粒子容器
-         */
+        /** @description 利用贝塞尔曲线实现粒子移动 */
         LibPixiParticleMove: typeof LibPixiParticleMove;
-        /** @description 自定义矩形背景色
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
-         */
+        /** @description 自定义矩形背景色 */
         LibPixiRectBgColor: typeof LibPixiRectBgColor;
-        /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
-         */
+        /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉 */
         LibPixiRectangle: typeof LibPixiRectangle;
-        /** @description 圆形
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
-         */
+        /** @description 圆形 */
         LibPixiCircular: typeof LibPixiCircular;
-        /** @description 多边形类
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
-         */
+        /** @description 多边形类 */
         LibPixiPolygon: typeof LibPixiPolygon;
-        /** @description 自定义 Spine 动画
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
-         */
+        /** @description 自定义 Spine 动画 */
         LibPixiSpine: typeof LibPixiSpine;
-        /** @description 自定义文本类
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiText-文本
-         */
+        /** @description 自定义文本类 */
         LibPixiText: typeof LibPixiText;
-        /** @description 自定义富文本类
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiHtmlText-自定义富文本类
-         */
+        /** @description 自定义富文本类 */
         LibPixiHtmlText: typeof LibPixiHtmlText;
     };
     Custom: {
-        /** @description 悬浮切换材质
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiButtonHover-按钮悬浮
-         */
+        /** @description 悬浮切换材质 */
         LibPixiButtonHover: typeof LibPixiButtonHover;
-        /** @description 右上角关闭按钮，支持悬浮旋转动画
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCloseBtn-关闭按钮
-         */
+        /** @description 右上角关闭按钮，支持悬浮旋转动画 */
         LibPixiCloseBtn: typeof LibPixiCloseBtn;
-        /** @description 底部弹出抽屉
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDrawer-抽屉
-         */
+        /** @description 底部弹出抽屉 */
         LibPixiDrawer: typeof LibPixiDrawer;
-        /** @description 监视帧率、Draw Call、Max Draw Call
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
-         */
+        /** @description 监视帧率、Draw Call、Max Draw Call */
         LibPixiPerforMon: typeof LibPixiPerforMon;
-        /** @description 通过裁剪的方式显示进度条
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
-         */
+        /** @description 通过裁剪的方式显示进度条 */
         LibPixiProgress: typeof LibPixiProgress;
-        /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerX-X轴滚动容器
-         */
+        /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
         LibPixiScrollContainerX: typeof LibPixiScrollContainerX;
-        /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollContainerY-Y轴滚动容器
-         */
+        /** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
         LibPixiScrollContainerY: typeof LibPixiScrollContainerY;
-        /** @description 通过鼠标或手指拖动数字列选择数字
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
-         */
+        /** @description 通过鼠标或手指拖动数字列选择数字 */
         LibPixiScrollNum: typeof LibPixiScrollNum;
-        /** @description 类似轮播图，但是不会自动轮播
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlider-横向滑动图
-         */
+        /** @description 类似轮播图，但是不会自动轮播 */
         LibPixiSlider: typeof LibPixiSlider;
-        /** @description 最小、最大按钮和增减按钮功能及置灰逻辑
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSubAddMinMax-数字控制器
-         */
+        /** @description 滑动页 */
+        LibPixiSlide: typeof LibPixiSlide;
+        /** @description 最小、最大按钮和增减按钮功能及置灰逻辑 */
         LibPixiSubAddMinMax: typeof LibPixiSubAddMinMax;
-        /** @description 绘制表格并填充数字
-         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
-         */
+        /** @description 绘制表格并填充数字 */
         LibPixiTable: typeof LibPixiTable;
     };
 };
 /** @description 方法 */
 export declare const Utils: {
-    /** @description 音频播放器
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiAudio-音频播放器
-     */
+    /** @description 音频播放器 */
     LibPixiAudio: typeof LibPixiAudio;
-    /** @description 九宫格图
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
-     */
+    /** @description 九宫格图 */
     libPixiCreateNineGrid: (params: import("./Utils/LibPixiCreateNineGrid").LibPixiCreateNineGridParams) => import("pixi.js").NineSlicePlane;
     /** @description 事件注册
      * @param v 事件容器
      * @param eventName 事件名称
      * @param callback 回调函数
-     * @param once 是否只执行一次
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
-     */
+     * @param once 是否只执行一次 */
     libPixiEvent: (v: import("pixi.js").Container, eventName: keyof import("pixi.js").DisplayObjectEvents, callback: (event: import("pixi.js").FederatedPointerEvent) => void, params?: import("./Utils/LibPixiEvent").LibPixiEventParams) => () => void;
     /** @description 滤镜
      * @param filterName 滤镜名称
-     * @param v 滤镜值
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
-     */
+     * @param v 滤镜值 */
     libPixiFilter: (filterName: import("./Utils/LibPixiFilter").LibPixiSetFilterFilterName, v?: number) => import("pixi.js").ColorMatrixFilter | import("pixi.js").BlurFilter;
     /** @description 间隔触发
      * @param callback 回调函数
-     * @param interval 间隔毫秒，或随机范围
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
-     */
+     * @param interval 间隔毫秒，或随机范围 */
     libPixiIntervalTrigger: (callback: () => void, interval: number | [number, number]) => () => void;
     /** @description 点击容器外或入口按钮时隐藏
      * @param container 容器
      * @param btn 按钮
-     * @param onClose 关闭回调
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiOutsideClick-失焦隐藏
-     */
+     * @param onClose 关闭回调 */
     libPixiOutsideClick: (container: import("pixi.js").Container, btn: import("pixi.js").Container, onClose: () => void) => () => void;
     /** @description 为容器创建并应用一个矩形遮罩，用于隐藏溢出的内容，函数会返回遮罩，可控制是否显示遮罩
-     * @param container 需要设置遮罩裁剪的容器
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiOverflowHidden-溢出裁剪
-     */
+     * @param container 需要设置遮罩裁剪的容器 */
     libPixiOverflowHidden: (container: import("pixi.js").Container) => import("pixi.js").Graphics;
     /** @description 基于 Ticker 和 Promise 的定时器
      * @param delay 延迟时间
-     * @param callback 延迟后执行的函数
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPromiseTickerTimeout-TickerPromise定时器
-     */
+     * @param callback 延迟后执行的函数 */
     libPixiPromiseTickerTimeout: (delay?: number, callback?: () => void) => Promise<void>;
     /** @description 元素超过指定宽度就缩放
      * @param scaleContainer 需要缩放的元素
      * @param maxWidth 最大宽度
-     * @param maxHeight 最大高度
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScaleContainer-超出缩放
-     */
+     * @param maxHeight 最大高度 */
     libPixiScaleContainer: (scaleContainer: import("pixi.js").Container | import("pixi.js").Sprite | import("pixi.js").Text, maxWidth: number, maxHeight?: number) => void;
     /** @description 阴影
      * @param container 需要添加阴影的元素
-     * @param config 配置项
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiShadow-阴影
-     */
+     * @param config 配置项 */
     libPixiShadow: (container: import("pixi.js").Container, config?: import("./Utils/LibPixiShadow").LibPixiShadowShadowConfig) => void;
     /** @description 基于 Ticker 的定时器
      * @param callback 延迟后执行的函数
-     * @param delay 延迟时间
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTickerTimeout-Ticker定时器
-     */
+     * @param delay 延迟时间 */
     libPixiTickerTimeout: (callback: () => void, delay?: number) => () => void;
-    /** @description 滑动选择器核心代码
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlideInput-滑动选择值
-     */
+    /** @description 滑动选择器核心代码 */
     LibPixiSlideInput: typeof LibPixiSlideInput;
-    /** @description 事件总线更新实例汇总
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibGlobalUpdater-事件实例汇总
-     */
+    /** @description 事件总线更新实例汇总 */
     LibPixiGlobalUpdater: typeof LibPixiGlobalUpdater;
-    /** @description 多边形绘制工具，绘制时浏览器窗口需要全屏显示，空格键控制开始和结束，开始后鼠标进行点击绘制，退格删除点，空格结束绘制，绘制结果在控制台打印，不满意可再次按空格清空并重新绘制
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygonDrawTool-多边形绘制
-     */
+    /** @description 多边形绘制工具，绘制时浏览器窗口需要全屏显示，空格键控制开始和结束，开始后鼠标进行点击绘制，退格删除点，空格结束绘制，绘制结果在控制台打印，不满意可再次按空格清空并重新绘制 */
     LibPixiPolygonDrawTool: typeof LibPixiPolygonDrawTool;
     /** @description 数值递增动画
      * @param params 动画参数
-     * @returns 设置为目标值并停止动画
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDigitalIncreasingAnimation-递增动画
-     */
+     * @returns 设置为目标值并停止动画 */
     LibPixiDigitalIncreasingAnimation: (params: import("./Utils/LibPixiDigitalIncreasingAnimation").LibPixiDigitalIncreasingAnimationParams) => () => void;
     /** @description 按下放大
-     * @param container 要放大的容器
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiDownScaleAnimation-按下放大
-     */
+     * @param container 要放大的容器 */
     LibPixiDownScaleAnimation: (container: import("pixi.js").Container) => void;
     /**
      * @description 将元素按照指定的列数和间隔排列成网格布局。
      * @param items 要排列的元素数组
      * @param gap 每个元素之间的间隔
-     * @param cols 网格的列数，默认为元素数量
-     * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiGridLayout-网格布局
-     */
+     * @param cols 网格的列数，默认为元素数量 */
     LibPixiGridLayout: (items: import("pixi.js").Container[], gap: number, cols?: number) => void;
 };