carousel.d.ts 935 B

12345678910111213141516171819202122232425262728
  1. import type { InjectionKey, Ref } from 'vue';
  2. import type { CarouselItemProps } from 'element-plus/es/components/carousel';
  3. export declare type CarouselItemStates = {
  4. hover: boolean;
  5. translate: number;
  6. scale: number;
  7. active: boolean;
  8. ready: boolean;
  9. inStage: boolean;
  10. animating: boolean;
  11. };
  12. export declare type CarouselItemContext = {
  13. props: CarouselItemProps;
  14. states: CarouselItemStates;
  15. uid: number;
  16. translateItem: (index: number, activeIndex: number, oldIndex?: number) => void;
  17. };
  18. export declare type CarouselContext = {
  19. root: Ref<HTMLElement | undefined>;
  20. items: Ref<CarouselItemContext[]>;
  21. isCardType: Ref<boolean>;
  22. isVertical: Ref<boolean>;
  23. loop: boolean;
  24. addItem: (item: CarouselItemContext) => void;
  25. removeItem: (uid: number) => void;
  26. setActiveItem: (index: number) => void;
  27. };
  28. export declare const carouselContextKey: InjectionKey<CarouselContext>;