element-plus
Version:
A Component Library for Vue 3
24 lines (23 loc) • 1.07 kB
TypeScript
import type { AlphaSliderProps } from '../props/alpha-slider';
export declare const useAlphaSlider: (props: AlphaSliderProps) => {
thumb: import("vue").ShallowRef<HTMLElement | undefined>;
bar: import("vue").ShallowRef<HTMLElement | undefined>;
alpha: import("vue").ComputedRef<any>;
alphaLabel: import("vue").ComputedRef<string>;
handleDrag: (event: MouseEvent | TouchEvent) => void;
handleClick: (event: MouseEvent | TouchEvent) => void;
handleKeydown: (event: KeyboardEvent) => void;
};
export declare const useAlphaSliderDOM: (props: AlphaSliderProps, { bar, thumb, handleDrag, }: Pick<ReturnType<typeof useAlphaSlider>, "bar" | "thumb" | "handleDrag">) => {
rootKls: import("vue").ComputedRef<string[]>;
barKls: import("vue").ComputedRef<string>;
barStyle: import("vue").ComputedRef<{
background: string | undefined;
}>;
thumbKls: import("vue").ComputedRef<string>;
thumbStyle: import("vue").ComputedRef<{
left: string | undefined;
top: string | undefined;
}>;
update: () => void;
};