bear-react-vertical-marquee
Version:
Most modern vertical marquee with hardware accelerated transitions for ReactJS
42 lines (41 loc) • 951 B
TypeScript
import * as CSS from 'csstype';
export interface IBearCarouselProps {
style?: CSS.Properties;
className?: string;
data: TBearSlideItemDataList;
moveTime: number;
autoPlayTime: number;
isGPURender: boolean;
isDebug: boolean;
}
export interface InitData {
actualIndex: number;
matchIndex: number;
sourceIndex?: number;
inPage: number;
isClone: boolean;
onClick?: () => void;
element: string;
}
export interface IInfo {
formatElement: InitData[];
sourceTotal: number;
element: {
total: number;
firstIndex: number;
lastIndex: number;
};
actual: {
minIndex: number;
maxIndex: number;
firstIndex: number;
lastIndex: number;
};
pageTotal: number;
}
export interface IBearSlideItemData {
key: string | number;
onClick?: () => void;
text: string;
}
export type TBearSlideItemDataList = IBearSlideItemData[];