use-carousel.d.ts 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. import type { SetupContext } from 'vue';
  2. import type { CarouselItemContext } from './constants';
  3. import type { CarouselEmits, CarouselProps } from './carousel';
  4. export declare const useCarousel: (props: CarouselProps, emit: SetupContext<CarouselEmits>["emit"], componentName: string) => {
  5. root: import("vue").Ref<HTMLDivElement | undefined>;
  6. activeIndex: import("vue").Ref<number>;
  7. arrowDisplay: import("vue").ComputedRef<boolean>;
  8. hasLabel: import("vue").ComputedRef<boolean>;
  9. hover: import("vue").Ref<boolean>;
  10. isCardType: import("vue").ComputedRef<boolean>;
  11. isTransitioning: import("vue").Ref<boolean>;
  12. items: import("vue").ShallowRef<CarouselItemContext[]>;
  13. isVertical: import("vue").ComputedRef<boolean>;
  14. containerStyle: import("vue").ComputedRef<{
  15. height: string;
  16. overflow?: undefined;
  17. } | {
  18. height: string;
  19. overflow: string;
  20. }>;
  21. isItemsTwoLength: import("vue").Ref<boolean>;
  22. handleButtonEnter: (arrow: "left" | "right") => void;
  23. handleTransitionEnd: () => void;
  24. handleButtonLeave: () => void;
  25. handleIndicatorClick: (index: number) => void;
  26. handleMouseEnter: () => void;
  27. handleMouseLeave: () => void;
  28. setActiveItem: (index: number | string) => void;
  29. prev: () => void;
  30. next: () => void;
  31. PlaceholderItem: () => (import("element-plus/es/utils").VNodeChildAtom | {
  32. [name: string]: unknown;
  33. $stable?: boolean;
  34. })[] | null;
  35. isTwoLengthShow: (index: number) => boolean;
  36. throttledArrowClick: import("lodash").DebouncedFunc<(index: number) => void>;
  37. throttledIndicatorHover: import("lodash").DebouncedFunc<(index: number) => void>;
  38. };