xgplayer 2.32.5 → 2.32.6

package/es/plugins/progress/index.d.ts

@@ -0,0 +1,178 @@
+export default Progress;
+export type IProgressConfig = {
+    [propName: string]: any;
+    position?: string;
+    disable?: boolean;
+    isDragingSeek?: boolean;
+    closeMoveSeek?: boolean;
+    isPauseMoving?: boolean;
+    isCloseClickSeek?: boolean;
+    fragments?: Array<{
+        percent: number;
+    }>;
+    fragFocusClass?: string;
+    fragAutoFocus?: boolean;
+    miniMoveStep?: number;
+    miniStartStep?: number;
+    onMoveStart?: () => any;
+    onMoveEnd?: () => any;
+    endedDiff?: number;
+};
+declare class Progress extends Plugin {
+    /**
+     * @type IProgressConfig
+     */
+    static get defaultConfig(): IProgressConfig;
+    static get FRAGMENT_FOCUS_CLASS(): {
+        POINT: string;
+        HIGHLIGHT: string;
+    };
+    constructor(args: any);
+    /**
+     * @readonly
+     */
+    readonly useable: boolean;
+    /**
+     * @readonly
+     */
+    readonly isProgressMoving: boolean;
+    /**
+     * @private
+     */
+    private __dragCallBacks;
+    /**
+     * @private
+     */
+    private _state;
+    _disableBlur: boolean;
+    get offsetDuration(): number;
+    get duration(): number;
+    get timeOffset(): number;
+    get currentTime(): any;
+    changeState(useable?: boolean): void;
+    show(): void;
+    /**
+     * @description 创建内部进度条，并挂载到xg-outer上,
+     *              并把一些对外API绑定在progress上供外部调用
+     *
+     */
+    _initInner(fragments?: any[], config?: {}): void;
+    innerList: InnerList;
+    _updateInnerFocus(data: any): void;
+    pos: {
+        x: number;
+        y: number;
+        moving: boolean;
+        isDown: boolean;
+        isEnter: boolean;
+        isLocked: boolean;
+    };
+    outer: HTMLElement;
+    isMobile: boolean;
+    progressBtn: HTMLElement;
+    /**
+     * @description 配置更新响应，插件内置调用api, 播放器整体配置更新的时候调用
+     * @param {IProgressConfig} config
+     */
+    setConfig(config: IProgressConfig): void;
+    initCustomStyle(): void;
+    /**
+     * 触发某一类回调监听
+     * @param { string } type 类型 drag/dragend
+     * @param { any} data 具体数据
+     */
+    triggerCallbacks(type: string, data: any, event: any): void;
+    /**
+     * 供外部插件添加回调
+     * @param {string} type 类型 drag/dragend
+     * @param {function} handle 回调函数句柄
+     */
+    addCallBack(type: string, handle: Function): void;
+    /**
+     * 供外部插件移除回调
+     * @param {string} type 类型 drag/dragend
+     * @param {Function} event 回调函数句柄
+     */
+    removeCallBack(type: string, event: Function): void;
+    /**
+     * @description 解除进度条的所动状态
+     * @returns
+     */
+    unlock(): void;
+    bindDomEvents(): void;
+    _mouseDownHandlerHook: any;
+    _mouseUpHandlerHook: any;
+    _mouseMoveHandlerHook: any;
+    focus(): void;
+    blur(): void;
+    disableBlur(): void;
+    enableBlur(): void;
+    onMoveOnly: (e: any, data: any) => void;
+    /**
+     * 避免mouseup的时候触发父辈节点的click事件，和单击视频区域切换暂停/播放互斥
+     * @param {*} e
+     * @returns
+     */
+    onBodyClick: (e: any) => void;
+    _mouseDownHandler: (event: any, data: any) => void;
+    _mouseUpHandler: (e: any, data: any) => void;
+    _mouseMoveHandler: (e: any, data: any) => void;
+    onMouseDown: (e: any) => boolean;
+    onMouseUp: (e: any) => void;
+    onMouseMove: (e: any) => void;
+    onMouseOut: (e: any) => void;
+    onMouseOver: (e: any) => void;
+    onMouseEnter: (e: any) => void;
+    onMouseLeave: (e: any) => void;
+    onVideoResize: () => void;
+    /**
+     * @description 根据currenTime和占用百分比更新进度条
+     * @param {Number} currentTime 需要更新到的时间
+     * @param {Number} seekTime 实际seek的时间
+     * @param {Number} percent 更新时间占比
+     * @param {Int} type 触发类型 0-down 1-move 2-up
+     */
+    updateWidth(currentTime: number, seekTime: number, percent: number, type: Int): void;
+    computeTime(e: any, x: any): {
+        percent: number;
+        currentTime: number;
+        seekTime: any;
+        offset: number;
+        width: number;
+        left: number;
+        e: any;
+    };
+    /**
+     * @description 更新时间插件，在拖拽状态下要接管时间插件的更新状态
+     *             本位置会和time插件交互
+     * @param {number} time 根据拖拽距离计算出的时间
+     */
+    updateTime(time: number): void;
+    /**
+     * @description 复位正在拖拽状态 ，拖拽的时候要避免timeupdate更新
+     */
+    resetSeekState(): void;
+    /**
+     * @description 拖拽过程中更新UI
+     * @param {number} percent 小于0的小数
+     *
+     */
+    updatePercent(percent: number, notSeek: any): void;
+    /**
+     * @description 播放进度更新
+     * @param { boolean } isEnded 是否是播放结束的时候调用
+     * @returns
+     */
+    onTimeupdate(isEnded: boolean): void;
+    /**
+     * @description 缓存进度更新
+     * @param { boolean } isEnded 是否是结束时触发
+     * @returns
+     */
+    onCacheUpdate(isEnded: boolean): void;
+    onReset(): void;
+    thumbnailPlugin: any;
+    render(): string;
+}
+import Plugin from "../../plugin";
+import InnerList from "./innerList";