lyb-pixi-js 1.12.40 → 1.12.41

package/Components/Custom/LibPixiInput.js

@@ -0,0 +1,198 @@
+import { Ticker } from "pixi.js";
+import Decimal from "decimal.js";
+import { libPixiEvent } from "../../Utils/LibPixiEvent";
+import { libPixiScaleContainer } from "../../Utils/LibPixiScaleContainer";
+import { LibPixiContainer } from "../Base/LibPixiContainer";
+import { LibPixiText } from "../Base/LibPixiText";
+/** @description 动态缩放移动输入框 */
+export class LibPixiInput extends LibPixiContainer {
+    constructor(params) {
+        const { width, height, bgColor, value = "" } = params;
+        super(width, height, bgColor);
+        /** 当前输入的值 */
+        this._value = "";
+        /** @description 失去焦点处理 */
+        this._onBlurHandler = () => {
+            const { type = "text", integer = false, min = 1, max = Infinity, } = this._params;
+            let text = this._input.value.trim();
+            //如果类型为字符串，则不参与校验
+            if (["text", "password"].includes(type))
+                return text;
+            //如果为空，则使用最小值
+            if (this._input.value === "")
+                text = min.toString();
+            //如果不能为负数，输入值小于最小值，则使用最小值
+            if (Number(text) < min)
+                text = min.toString();
+            //如果存在最大值，且输入值大于最大值，则使用最大值
+            if (max && Number(text) > max)
+                text = max.toString();
+            //如果要求整数，则取整
+            if (integer)
+                text = parseInt(text).toString();
+            //保留两位小数且不四舍五入
+            const value = new Decimal(Number(text));
+            text = value.toFixed(2, Decimal.ROUND_DOWN);
+            return text;
+        };
+        this.cursor = "text";
+        this._params = params;
+        this._value = value;
+        this._createInput();
+        this._createReadOnlyInput();
+        //聚焦
+        libPixiEvent(this, "pointertap", this._focus.bind(this));
+        const ticker = new Ticker();
+        ticker.add(() => {
+            if (this.destroyed) {
+                ticker.stop();
+                return;
+            }
+            this._updateInputPosition();
+        });
+        ticker.start();
+    }
+    /** @description 设置值 */
+    setValue(v) {
+        const { onFormatValue, type = "text" } = this._params;
+        const value = v;
+        this._value = value;
+        if (type === "password") {
+            this._readonlyInput.text =
+                (onFormatValue === null || onFormatValue === void 0 ? void 0 : onFormatValue(value)) || "●".repeat(value.length);
+        }
+        else {
+            this._readonlyInput.text = (onFormatValue === null || onFormatValue === void 0 ? void 0 : onFormatValue(value)) || value;
+        }
+    }
+    /** @description 创建输入框 */
+    _createInput() {
+        const { color = "#fff", maxLength = 999999, align = "left", type = "text", onInput = () => { }, fontFamily = "", bold = false, } = this._params;
+        this._input = document.createElement("input");
+        this._input.type = type;
+        this._input.maxLength = maxLength;
+        this._input.style.cssText = `
+      position: absolute;
+      border: none;
+      outline: none;
+      display: none;
+      background-color: transparent;
+      color: ${color};
+      text-align: ${align};
+      font-family: ${fontFamily};
+      font-weight: ${bold ? "bold" : "normal"}
+      `;
+        document.querySelector("#game").appendChild(this._input);
+        this._input.addEventListener("input", function () {
+            if (this.value.length > maxLength && type === "number") {
+                this.value = this.value.slice(0, maxLength);
+            }
+            onInput(this.value.trim());
+        });
+        this._input.addEventListener("paste", function (e) {
+            var _a, _b;
+            const paste = (_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("text")) !== null && _b !== void 0 ? _b : "";
+            if (paste.length > maxLength) {
+                e.preventDefault();
+                this.value = paste.slice(0, maxLength);
+            }
+        });
+        this._input.addEventListener("blur", this._blur.bind(this));
+    }
+    /** @description 创建只读输入框 */
+    _createReadOnlyInput() {
+        const { color = "#fff", value = "", width, height, fontSizeRatio = 0.5, align = "left", placeholder = "", placeholderColor, fontFamily = "", bold = false, } = this._params;
+        //创建描述
+        this._placeholder = new LibPixiText({
+            text: placeholder,
+            fontColor: placeholderColor,
+            fontSize: height * fontSizeRatio,
+            fontFamily,
+            fontWeight: bold ? "bold" : "normal",
+        });
+        this.addChild(this._placeholder);
+        this._placeholder.visible = !value;
+        this._placeholder.anchor.set(align === "left" ? 0 : 0.5, 0.5);
+        this._placeholder.position.set(align === "left" ? 0 : width / 2, height / 2);
+        //创建实际显示的文本
+        this._readonlyInput = new LibPixiText({
+            text: value,
+            fontColor: color,
+            fontSize: height * fontSizeRatio,
+            fontFamily,
+            fontWeight: bold ? "bold" : "normal",
+        });
+        this.addChild(this._readonlyInput);
+        this._readonlyInput.visible = !!value;
+        this._readonlyInput.anchor.set(align === "left" ? 0 : 0.5, 0.5);
+        this._readonlyInput.position.set(align === "left" ? 0 : width / 2, height / 2);
+    }
+    /** @description 聚焦 */
+    _focus() {
+        const { type } = this._params;
+        this._input.style.display = "block";
+        this._input.focus();
+        this._readonlyInput.visible = false;
+        this._placeholder.visible = false;
+        if (type === "number") {
+            this._input.value = this._value && Number(this._value).toString();
+        }
+        else {
+            this._input.value = this._value;
+        }
+    }
+    /** @description 失焦 */
+    _blur() {
+        const { onValue, width } = this._params;
+        const value = this._onBlurHandler();
+        this.setValue(value);
+        this._input.style.display = "none";
+        libPixiScaleContainer(this._readonlyInput, width);
+        if (this._params.type === "number") {
+            this._readonlyInput.visible = true;
+            onValue === null || onValue === void 0 ? void 0 : onValue(Number(value));
+        }
+        else {
+            onValue === null || onValue === void 0 ? void 0 : onValue(value);
+            //如果输入的值为空，并且启用了描述，并且没有默认值，则显示描述
+            if (value === "" && this._placeholder) {
+                this._placeholder.visible = true;
+            }
+            else {
+                this._readonlyInput.visible = true;
+            }
+        }
+    }
+    /** @description 实时更新输入框位置 */
+    _updateInputPosition() {
+        const { width, height, x, y } = this.getBounds();
+        const { fontSizeRatio = 0.5 } = this._params;
+        this._input.style.width = `${width}px`;
+        this._input.style.height = `${height}px`;
+        this._input.style.fontSize = `${height * fontSizeRatio}px`;
+        if (LibPixiInput.stage.rotation === 0) {
+            this._input.style.left = `${x}px`;
+            this._input.style.top = `${y}px`;
+            this._input.style.width = `${width}px`;
+            this._input.style.height = `${height}px`;
+            this._input.style.fontSize = `${height * fontSizeRatio}px`;
+            this._input.style.transform = `rotate(0deg)`;
+        }
+        else {
+            const centerX = x + width / 2;
+            const centerY = y + height / 2;
+            this._input.style.left = `${centerX - height / 2}px`;
+            this._input.style.top = `${centerY - width / 2}px`;
+            this._input.style.width = `${height}px`;
+            this._input.style.height = `${width}px`;
+            this._input.style.fontSize = `${width * fontSizeRatio}px`;
+            this._input.style.transform = `rotate(90deg)`;
+        }
+    }
+    /** @description 设置输入框类型 */
+    toggleType(type) {
+        this._input.type = type;
+        this._params.type = type;
+        this.setValue(this._value);
+    }
+}

package/Components/Custom/LibPixiLabelValue.d.ts

@@ -0,0 +1,30 @@
+import { BitmapText, Container, Sprite } from "pixi.js";
+import { LibPixiText } from "../Base/LibPixiText";
+type T = Sprite | LibPixiText | BitmapText;
+interface LabelValueParams {
+    /** 描述 */
+    label: T;
+    /** 值 */
+    value: T;
+    /** 最大宽度 */
+    maxWidth?: number;
+    /** 间隔 */
+    gap?: number;
+}
+/** @description 自适应宽度的标签和值组件
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+ */
+export declare class LibPixiLabelValue extends Container {
+    /** 描述 */
+    private _label;
+    /** 值 */
+    private _value;
+    /** 间隔 */
+    private _gap;
+    /** 最大宽度 */
+    private _maxWidth?;
+    constructor(params: LabelValueParams);
+    /** @description 更新坐标 */
+    updatePosition(): void;
+}
+export {};

package/Components/Custom/LibPixiLabelValue.js

@@ -0,0 +1,26 @@
+import { Container } from "pixi.js";
+import { libPixiScaleContainer } from "../../Utils/LibPixiScaleContainer";
+/** @description 自适应宽度的标签和值组件
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiLabelValue-标签值
+ */
+export class LibPixiLabelValue extends Container {
+    constructor(params) {
+        super();
+        const { label, value, maxWidth, gap = 0 } = params;
+        this._label = label;
+        this._value = value;
+        this._maxWidth = maxWidth;
+        this._gap = gap;
+        this.addChild(this._label);
+        this._label.anchor.set(1, 0.5);
+        this.addChild(this._value);
+        this._value.anchor.set(0.5);
+        this.updatePosition();
+    }
+    /** @description 更新坐标 */
+    updatePosition() {
+        this._label.x = this._label.width * 0.5 - this._value.width * 0.5;
+        this._value.x = this._label.width * 0.5 + this._gap;
+        this._maxWidth && libPixiScaleContainer(this, this._maxWidth);
+    }
+}

package/Components/Custom/LibPixiPerforMon.d.ts

@@ -0,0 +1,47 @@
+import { type Application, Container } from "pixi.js";
+/** @description 监视帧率、Draw Call、Max Draw Call
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
+ */
+export declare class LibPixiPerforMon extends Container {
+    /** 当前适配模式 */
+    static ADAPT_MODE: "h" | "v" | "hv";
+    /** 数据收集时间间隔 (5秒) */
+    private readonly COLLECT_TIME;
+    /** 当前时间 */
+    private _nowTime;
+    /** 上次更新的时间 */
+    private _lastTime;
+    /** 当前绘制调用次数 */
+    private _drawCount;
+    /** 最大绘制调用次数 */
+    private _maxDrawCount;
+    /** 临时最大绘制调用次数 */
+    private _tempMaxDrawCount;
+    /** 上次收集数据的时间 */
+    private _lastCollectTime;
+    /** 整体宽度 */
+    private _containerWidth;
+    /** 整体高度 */
+    private _containerHeight;
+    /** 渲染器 */
+    private _renderer;
+    /** 原始的 drawElements 方法 */
+    private _drawElements;
+    /** 背景 */
+    private _bg;
+    /** FPS文本 */
+    private _fpsText;
+    /** Draw Call文本 */
+    private _drawCallText;
+    /** Max Draw Call文本 */
+    private _maxDrawCallText;
+    constructor(app: Application);
+    /** @description 初始化显示性能数据 */
+    init(): void;
+    /** @description 更新文本信息 */
+    private _setTextInfo;
+    /** @description 获取FPS颜色 */
+    getFpsColor(v: number): string;
+    /** @description 获取Draw Call颜色 */
+    getDrawCallColor(v: number): string;
+}

package/Components/Custom/LibPixiPerforMon.js

@@ -0,0 +1,166 @@
+import { LibJsResizeWatcher } from "lyb-js/Base/LibJsResizeWatcher.js";
+import { Container, Ticker, UPDATE_PRIORITY, } from "pixi.js";
+import { LibPixiRectangle } from "../Base/LibPixiRectangle";
+import { LibPixiText } from "../Base/LibPixiText";
+/** @description 监视帧率、Draw Call、Max Draw Call
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPerforMon-性能监视器
+ */
+export class LibPixiPerforMon extends Container {
+    constructor(app) {
+        super();
+        /** 数据收集时间间隔 (5秒) */
+        this.COLLECT_TIME = 5 * 1000;
+        /** 当前时间 */
+        this._nowTime = 0;
+        /** 上次更新的时间 */
+        this._lastTime = 0;
+        /** 当前绘制调用次数 */
+        this._drawCount = 0;
+        /** 最大绘制调用次数 */
+        this._maxDrawCount = 0;
+        /** 临时最大绘制调用次数 */
+        this._tempMaxDrawCount = 0;
+        /** 上次收集数据的时间 */
+        this._lastCollectTime = 0;
+        /** 整体宽度 */
+        this._containerWidth = 590;
+        /** 整体高度 */
+        this._containerHeight = 50;
+        this.pivot.x = this._containerWidth / 2;
+        //创建背景
+        this._bg = new LibPixiRectangle(this._containerWidth, this._containerHeight, "#0000007e");
+        this.addChild(this._bg);
+        //创建内容容器
+        const content = new Container();
+        this.addChild(content);
+        content.x = 25;
+        content.y = this._containerHeight / 2;
+        //创建FPS文本
+        this._fpsText = new TextBox("FPS");
+        content.addChild(this._fpsText);
+        //创建Draw Call文本
+        this._drawCallText = new TextBox("Draw Call");
+        content.addChild(this._drawCallText);
+        this._drawCallText.x = 125;
+        //创建Max Draw Call文本
+        this._maxDrawCallText = new TextBox("Max Draw Call");
+        content.addChild(this._maxDrawCallText);
+        this._maxDrawCallText.x = 320;
+        this._renderer = app.renderer;
+        this._drawElements = this._renderer["gl"].drawElements;
+        this.init();
+        if (LibPixiPerforMon.ADAPT_MODE === "h") {
+            this.x = 1920 / 2;
+        }
+        else if (LibPixiPerforMon.ADAPT_MODE === "v") {
+            this.x = 1080 / 2;
+        }
+        else {
+            const resize = new LibJsResizeWatcher();
+            resize.on((w, h) => {
+                if (w > h) {
+                    this.x = 1920 / 2;
+                }
+                else {
+                    this.x = 1080 / 2;
+                }
+            });
+        }
+    }
+    /** @description 初始化显示性能数据 */
+    init() {
+        this._renderer["gl"].drawElements = (...args) => {
+            this._drawElements.call(this._renderer["gl"], ...args);
+            this._drawCount++;
+        };
+        Ticker.shared.add(() => {
+            const fps = Ticker.system.FPS;
+            this._nowTime = performance.now();
+            if (this._nowTime - this._lastTime >= 100.0) {
+                this._setTextInfo("fps", Number(Math.floor(fps).toFixed(0)));
+                this._lastTime = this._nowTime;
+            }
+            if (this._nowTime - this._lastCollectTime < this.COLLECT_TIME) {
+                if (this._tempMaxDrawCount < this._drawCount) {
+                    this._tempMaxDrawCount = this._drawCount;
+                }
+            }
+            else {
+                this._maxDrawCount = this._tempMaxDrawCount;
+                this._tempMaxDrawCount = 0;
+                this._lastCollectTime = this._nowTime;
+            }
+            this._setTextInfo("drawCall", this._drawCount);
+            this._setTextInfo("maxDrawCall", this._maxDrawCount);
+            this._drawCount = 0;
+        }, UPDATE_PRIORITY.UTILITY);
+    }
+    /** @description 更新文本信息 */
+    _setTextInfo(p, v) {
+        const textObj = {
+            fps: this._fpsText,
+            drawCall: this._drawCallText,
+            maxDrawCall: this._maxDrawCallText,
+        };
+        const textBox = textObj[p];
+        textBox.updateValue(v);
+        if (p === "fps") {
+            textBox.updateColor(this.getFpsColor(v));
+        }
+        else {
+            textBox.updateColor(this.getDrawCallColor(v));
+        }
+    }
+    /** @description 获取FPS颜色 */
+    getFpsColor(v) {
+        let color = "#00ff04";
+        if (v < 30) {
+            color = "#ffd20a";
+        }
+        if (v < 20) {
+            color = "#ff000d";
+        }
+        return color;
+    }
+    /** @description 获取Draw Call颜色 */
+    getDrawCallColor(v) {
+        let color = "#00ff04";
+        if (v >= 75) {
+            color = "#ffd20a";
+        }
+        if (v >= 100) {
+            color = "#ff000d";
+        }
+        return color;
+    }
+}
+/** 当前适配模式 */
+LibPixiPerforMon.ADAPT_MODE = "hv";
+class TextBox extends Container {
+    constructor(text, fontSize = 26) {
+        super();
+        const label = new LibPixiText({
+            text,
+            fontSize,
+            fontWeight: "bold",
+        });
+        this.addChild(label);
+        label.anchor.y = 0.5;
+        this._valueText = new LibPixiText({
+            text: "0",
+            fontSize,
+            fontWeight: "bold",
+        });
+        this.addChild(this._valueText);
+        this._valueText.anchor.y = 0.5;
+        this._valueText.x = label.width + 10;
+    }
+    /** @description 更改颜色 */
+    updateColor(color) {
+        this._valueText.style.fill = color;
+    }
+    /** @description 设置数值 */
+    updateValue(value) {
+        this._valueText.text = value;
+    }
+}

package/Components/Custom/LibPixiProgress.d.ts

@@ -0,0 +1,33 @@
+import { Container, type Texture } from "pixi.js";
+export interface LibPixiProgressParams {
+    /** 背景宽度 */
+    bgWidth: number;
+    /** 背景高度 */
+    bgHeight: number;
+    /** 进度条宽度 */
+    barWidth: number;
+    /** 进度条高度 */
+    barHeight: number;
+    /** 背景纹理 */
+    bgTexture: Texture;
+    /** 进度条纹理 */
+    barTexture: Texture;
+    /** 方向 */
+    direction?: "h" | "v";
+}
+/** @description 通过裁剪的方式显示进度条
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
+ */
+export declare class LibPixiProgress extends Container {
+    /** 光条图 */
+    private _progressBar;
+    /** 蒙版 */
+    private _maskGraphics;
+    /** 方向 */
+    private _direction;
+    constructor(params: LibPixiProgressParams);
+    /** @description 更新进度
+     * @param progress 进度值，范围从0到1
+     */
+    setProgress(progress: number): void;
+}

package/Components/Custom/LibPixiProgress.js

@@ -0,0 +1,47 @@
+import { Container, Graphics, Sprite } from "pixi.js";
+/** @description 通过裁剪的方式显示进度条
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiProgress-进度条
+ */
+export class LibPixiProgress extends Container {
+    constructor(params) {
+        super();
+        const { bgWidth, bgHeight, barWidth, barHeight, bgTexture, barTexture, direction } = params;
+        this._direction = direction || "h";
+        // 背景图
+        const background = new Sprite(bgTexture);
+        this.addChild(background);
+        // 光条图
+        this._progressBar = new Sprite(barTexture);
+        this.addChild(this._progressBar);
+        this._progressBar.x = (bgWidth - barWidth) / 2;
+        this._progressBar.y = (bgHeight - barHeight) / 2;
+        // 创建蒙版
+        const mask = new Graphics();
+        mask.beginFill(0xffffff);
+        if (direction === "h") {
+            mask.drawRect(0, 0, 0, this._progressBar.height);
+        }
+        else {
+            mask.drawRect(0, 0, this._progressBar.width, 0);
+        }
+        mask.endFill();
+        this._progressBar.addChild(mask);
+        this._progressBar.mask = mask;
+        this._maskGraphics = mask;
+    }
+    /** @description 更新进度
+     * @param progress 进度值，范围从0到1
+     */
+    setProgress(progress) {
+        const clampedProgress = Math.max(0, Math.min(1, progress));
+        this._maskGraphics.clear();
+        this._maskGraphics.beginFill(0xffffff);
+        if (this._direction === "h") {
+            this._maskGraphics.drawRect(0, 0, this._progressBar.width * clampedProgress, this._progressBar.height);
+        }
+        else {
+            this._maskGraphics.drawRect(0, this._progressBar.height * (1 - clampedProgress), this._progressBar.width, this._progressBar.height * clampedProgress);
+        }
+        this._maskGraphics.endFill();
+    }
+}

package/Components/Custom/LibPixiPuzzleBg.d.ts

@@ -0,0 +1,7 @@
+import { Container, Texture } from "pixi.js";
+/** @description 设计图背景拼接
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPuzzleBg-设计图背景拼接
+ */
+export declare class LibPixiPuzzleBg extends Container {
+    constructor(texture: Texture);
+}

package/Components/Custom/LibPixiPuzzleBg.js

@@ -0,0 +1,46 @@
+import { libJsDecimal } from "lyb-js/Math/LibJsDecimal.js";
+import { Container, Sprite } from "pixi.js";
+/** @description 设计图背景拼接
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPuzzleBg-设计图背景拼接
+ */
+export class LibPixiPuzzleBg extends Container {
+    constructor(texture) {
+        super();
+        this.eventMode = "none";
+        // 背景
+        const bg = new Sprite(texture);
+        this.addChild(bg);
+        bg.visible = false;
+        //读取配置
+        const config = JSON.parse(localStorage.getItem("puzzle_bg_config") || "{}");
+        const { alpha, x, y } = config;
+        bg.alpha = alpha || 0.25;
+        bg.position.set(x || 0, y || 0);
+        //监听鼠标空格事件
+        document.addEventListener("keydown", (e) => {
+            if (e.ctrlKey && e.key.toLowerCase() === "q" && !e.shiftKey) {
+                e.preventDefault();
+                bg.visible = !bg.visible;
+            }
+            else if (e.code === "ArrowUp") {
+                bg.y -= 2;
+            }
+            else if (e.code === "ArrowDown") {
+                bg.y += 2;
+            }
+            else if (e.code === "ArrowLeft") {
+                bg.x -= 2;
+            }
+            else if (e.code === "ArrowRight") {
+                bg.x += 2;
+            }
+            if (e.code === "NumpadAdd" && bg.alpha < 1) {
+                bg.alpha = libJsDecimal(bg.alpha, 0.1, "+");
+            }
+            else if (e.code === "NumpadSubtract" && bg.alpha > 0) {
+                bg.alpha = libJsDecimal(bg.alpha, 0.1, "-");
+            }
+            localStorage.setItem("puzzle_bg_config", JSON.stringify({ alpha: bg.alpha, x: bg.x, y: bg.y }));
+        });
+    }
+}

package/Components/Custom/LibPixiScrollContainerX.d.ts

@@ -0,0 +1,71 @@
+import { Container, Texture } from "pixi.js";
+import { LibPixiContainer } from "../Base/LibPixiContainer";
+export interface LibPixiScrollContainerXParams {
+    /** 宽度 */
+    width: number;
+    /** 高度 */
+    height: number;
+    /** 滚动内容 */
+    scrollContent: Container;
+    /** 背景色，用于定位 */
+    bgColor?: string;
+    /** 自定义遮罩贴图 */
+    maskTexture?: Texture;
+    /** 遮罩X坐标 */
+    maskX?: number;
+    /** 遮罩Y坐标 */
+    maskY?: number;
+}
+/** @description 支持鼠标滚轮滚动、鼠标拖动、手指滑动，支持惯性滚动及回弹 */
+export declare class LibPixiScrollContainerX extends LibPixiContainer {
+    /** 舞台 */
+    static stage: Container;
+    /** 开始位置 */
+    private _startX;
+    /** 惯性速度 */
+    private _velocity;
+    /** 上一次滚动时间 */
+    private _startTime;
+    /** 开始位置 */
+    private _startContentX;
+    /** 滚动速度 */
+    private _scrollSpeed;
+    /** 是否处于拖动状态 */
+    private _isDragging;
+    /** 左边距 */
+    private _leftMargin;
+    /** 右边距元素 */
+    private _rightMarginBox?;
+    /** 滚动容器 */
+    _scrollContent: Container;
+    /** 遮罩 */
+    private _maskGraphics;
+    /** 滚动的内容 */
+    private _content;
+    constructor(params: LibPixiScrollContainerXParams);
+    /** @description 添加边距 */
+    addMargin(leftMargin: number, rightMargin?: number): void;
+    /** @description 设置滚动容器可视区宽高
+     * @param width 宽度
+     * @param height 高度
+     */
+    setDimensions(width: number, height: number): void;
+    /** @description 返回顶部 */
+    scrollToTop(): void;
+    /** @description 往滚动内容添加元素 */
+    addContent(container: Container): void;
+    /** @description 更新右边距坐标 */
+    private _updateRightMargin;
+    /** @description 按下 */
+    private _onDragStart;
+    /** @description 拖动 */
+    private _onDragMove;
+    /** @description 拖动结束 */
+    private _onDragEnd;
+    /** @description 滚轮滚动 */
+    private _onWheelScroll;
+    /** @description 惯性动画 */
+    private _applyInertia;
+    /** @description 限制滚动范围 */
+    private _limitScrollRange;
+}