vue-directional-carousel
Version:
This is a Vue 3 component that allows you to set the direction of image movement not only vertically and horizontally but also in different directions (left, right, up, down).
48 lines (47 loc) • 1.85 kB
TypeScript
import { type VerticalCarouselProps } from '../types/props';
declare let __VLS_typeProps: VerticalCarouselProps;
type __VLS_PublicProps = {
'currentIndex'?: number;
} & typeof __VLS_typeProps;
declare function __VLS_template(): {
slots: {
item?(_: {
style: {
width: `${number}px` | `${number}%` | `${number}rem` | `${number}em` | `${number}vh` | `${number}vw`;
height: `${number}px` | `${number}%` | `${number}rem` | `${number}em` | `${number}vh` | `${number}vw`;
};
src: string;
}): any;
loading?(_: {}): any;
error?(_: {}): any;
};
refs: {
carouselContainer: HTMLDivElement;
};
attrs: Partial<{}>;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
currentIndex: import("vue").ModelRef<number, string, number, number>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:currentIndex": (currentIndex: number) => any;
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
"onUpdate:currentIndex"?: ((currentIndex: number) => any) | undefined;
}>, {
interval: number;
duration: number;
width: import("../types/props").CSSUnit;
height: import("../types/props").CSSUnit;
showDots: boolean;
direction: import("../types/props").Direction;
showPrev: boolean;
showNext: boolean;
pauseAutoplayOnHover: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};