hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 1.6 kB
Source Map (JSON)
{"version":3,"file":"carousel.mjs","sources":["../../../../packages/tokens/carousel.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nimport type { CarouselItemProps } from '@hongluan-ui/components/carousel'\n\nexport type CarouselItemStates = {\n hover: boolean\n translate: number\n scale: number\n active: boolean\n ready: boolean\n inStage: boolean\n animating: boolean\n}\n\nexport type CarouselItemContext = {\n props: CarouselItemProps\n states: CarouselItemStates\n uid: number\n translateItem: (index: number, activeIndex: number, oldIndex?: number, distance?: number, isAnimating?: boolean,) => void\n}\n\nexport type CarouselContext = {\n root: Ref<HTMLElement | undefined>\n direction: string\n type: string\n showMultiple: Ref<boolean>\n itemsWidth: string | number\n itemsWidthUnit: string\n items: Ref<CarouselItemContext[]>\n // isCardType: Ref<boolean>\n // isVertical: Ref<boolean>\n loop: boolean\n addItem: (item: CarouselItemContext) => void\n removeItem: (uid: number) => void\n setActiveItem: (index: number) => void\n}\n\nexport type CarouselIndicatorContext = {\n activeIndex: Ref<number>\n handleIndicatorClick: (index: number) => void\n throttledIndicatorHover: (index: number) => void\n}\n\nexport const carouselContextKey: InjectionKey<CarouselContext> = Symbol('carouselContextKey')\nexport const carouselIndicatorContextKey: InjectionKey<CarouselIndicatorContext> = Symbol('carouselIndicatorContextKey')\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB,EAAE;AACnD,MAAC,2BAA2B,GAAG,MAAM,CAAC,6BAA6B;;;;"}