@opensig/opendesign
Version:
22 lines (21 loc) • 1.31 kB
TypeScript
import { CSSProperties, Ref, SetupContext } from 'vue';
import { SliderEmits, SliderInitData, sliderPropsT, SliderButtonInstance } from '../types';
export declare const useSlide: (props: sliderPropsT, initData: SliderInitData, emit: SetupContext<SliderEmits>["emit"]) => {
sliderRunway: import('vue').ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
firstButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
secondButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
sliderDisabled: import('vue').ComputedRef<boolean>;
minValue: import('vue').ComputedRef<number>;
maxValue: import('vue').ComputedRef<number>;
runwayStyle: import('vue').ComputedRef<CSSProperties>;
barStyle: import('vue').ComputedRef<CSSProperties>;
resetSize: () => void;
setPosition: (percent: number) => Ref<SliderButtonInstance | undefined>;
emitChange: () => Promise<void>;
onSliderWrapperPrevent: (event: TouchEvent) => void;
onSliderClick: (event: MouseEvent | TouchEvent) => void;
onSliderDown: (event: MouseEvent | TouchEvent) => Promise<void>;
onSliderMarkerDown: (position: number) => void;
setFirstValue: (firstValue: number | undefined) => void;
setSecondValue: (secondValue: number) => void;
};