use-carousel.d.ts 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import { VNodeChildAtom } from "../../../utils/vue/vnode.js";
  2. import { CarouselEmits, CarouselProps } from "./carousel.js";
  3. import { CarouselItemContext } from "./constants.js";
  4. import * as _$vue from "vue";
  5. import { SetupContext } from "vue";
  6. import { DebouncedFunc } from "lodash-unified";
  7. //#region ../../packages/components/carousel/src/use-carousel.d.ts
  8. declare const useCarousel: (props: Required<CarouselProps>, emit: SetupContext<CarouselEmits>["emit"], componentName: string) => {
  9. root: _$vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
  10. activeIndex: _$vue.Ref<number, number>;
  11. exposeActiveIndex: _$vue.WritableComputedRef<number, number>;
  12. arrowDisplay: _$vue.ComputedRef<boolean>;
  13. hasLabel: _$vue.ComputedRef<boolean>;
  14. hover: _$vue.Ref<boolean, boolean>;
  15. isCardType: _$vue.ComputedRef<boolean>;
  16. items: _$vue.ShallowRef<CarouselItemContext[], CarouselItemContext[]>;
  17. isVertical: _$vue.ComputedRef<boolean>;
  18. containerStyle: _$vue.ComputedRef<{
  19. height: string;
  20. overflow?: undefined;
  21. } | {
  22. height: string;
  23. overflow: string;
  24. }>;
  25. isItemsTwoLength: _$vue.Ref<boolean, boolean>;
  26. handleButtonEnter: (arrow: "left" | "right") => void;
  27. handleButtonLeave: () => void;
  28. handleIndicatorClick: (index: number) => void;
  29. handleMouseEnter: () => void;
  30. handleMouseLeave: () => void;
  31. setActiveItem: (index: number | string) => void;
  32. prev: () => void;
  33. next: () => void;
  34. PlaceholderItem: () => ({
  35. [name: string]: unknown;
  36. $stable?: boolean;
  37. } | VNodeChildAtom)[] | null;
  38. isTwoLengthShow: (index: number) => boolean;
  39. ItemsSorter: _$vue.DefineComponent<{}, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
  40. [key: string]: any;
  41. }> | null, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
  42. throttledArrowClick: DebouncedFunc<(index: number) => void>;
  43. throttledIndicatorHover: DebouncedFunc<(index: number) => void>;
  44. };
  45. //#endregion
  46. export { useCarousel };