@vuux/video
Version:
Vue Nuxt 视频播放器
32 lines (31 loc) • 1.06 kB
TypeScript
import { Ref, StyleValue } from 'vue';
/**
* 拖拽进度条Hook
*
* @param progressEl 进度条容器元素
* @param tipsEl 悬浮提示元素
* @param props 外部传入的props
* @param emits 事件发射器
*/
export declare const useProgressDrag: (progressEl: Ref<HTMLDivElement | null>, tipsEl: Ref<HTMLDivElement | null>, props: {
modelValue: number;
loaded?: number;
hoverText?: string;
}, emits: {
(event: "update:modelValue", value: number): void;
(event: "change", value: number): void;
(event: "onMousemove", value: number): void;
}) => {
state: {
dragging: boolean;
hoverPosition: number;
hoverTipsPosition: string;
};
progressBarStyle: import('vue').ComputedRef<StyleValue>;
hoverStyle: import('vue').ComputedRef<StyleValue>;
loadStyle: import('vue').ComputedRef<StyleValue>;
tipStyle: import('vue').ComputedRef<StyleValue>;
mousemoveHandle: (e: MouseEvent) => void;
mouseleaveHandle: () => void;
startDragHandler: (e: MouseEvent | TouchEvent) => void;
};