You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.6 KiB
38 lines
1.6 KiB
import type { SetupContext } from 'vue';
|
|
import type { CarouselItemContext } from './constants';
|
|
import type { CarouselEmits, CarouselProps } from './carousel';
|
|
export declare const useCarousel: (props: CarouselProps, emit: SetupContext<CarouselEmits>["emit"], componentName: string) => {
|
|
root: import("vue").Ref<HTMLDivElement | undefined>;
|
|
activeIndex: import("vue").Ref<number>;
|
|
arrowDisplay: import("vue").ComputedRef<boolean>;
|
|
hasLabel: import("vue").ComputedRef<boolean>;
|
|
hover: import("vue").Ref<boolean>;
|
|
isCardType: import("vue").ComputedRef<boolean>;
|
|
isTransitioning: import("vue").Ref<boolean>;
|
|
items: import("vue").ShallowRef<CarouselItemContext[]>;
|
|
isVertical: import("vue").ComputedRef<boolean>;
|
|
containerStyle: import("vue").ComputedRef<{
|
|
height: string;
|
|
overflow?: undefined;
|
|
} | {
|
|
height: string;
|
|
overflow: string;
|
|
}>;
|
|
isItemsTwoLength: import("vue").Ref<boolean>;
|
|
handleButtonEnter: (arrow: "left" | "right") => void;
|
|
handleTransitionEnd: () => void;
|
|
handleButtonLeave: () => void;
|
|
handleIndicatorClick: (index: number) => void;
|
|
handleMouseEnter: () => void;
|
|
handleMouseLeave: () => void;
|
|
setActiveItem: (index: number | string) => void;
|
|
prev: () => void;
|
|
next: () => void;
|
|
PlaceholderItem: () => (import("element-plus/es/utils").VNodeChildAtom | {
|
|
[name: string]: unknown;
|
|
$stable?: boolean;
|
|
})[] | null;
|
|
isTwoLengthShow: (index: number) => boolean;
|
|
throttledArrowClick: import("lodash").DebouncedFunc<(index: number) => void>;
|
|
throttledIndicatorHover: import("lodash").DebouncedFunc<(index: number) => void>;
|
|
};
|