tdesign-mobile-vue
Version:
tdesign-mobile-vue
30 lines (29 loc) • 1 kB
TypeScript
import type { TNode } from '../common';
export interface TdSwiperProps {
animation?: 'slide';
autoplay?: boolean;
current?: number;
defaultCurrent?: number;
modelValue?: number;
direction?: 'horizontal' | 'vertical';
duration?: number;
height?: string | number;
interval?: number;
loop?: boolean;
navigation?: SwiperNavigation | TNode;
nextMargin?: string | number;
previousMargin?: string | number;
onChange?: (current: number, context: {
source: SwiperChangeSource;
}) => void;
onClick?: (index: number) => void;
}
export interface SwiperNavigation {
minShowNum?: number;
paginationPosition?: 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
placement?: 'inside' | 'outside';
showControls?: boolean;
type?: SwiperNavigationType;
}
export type SwiperChangeSource = 'autoplay' | 'touch' | 'nav';
export type SwiperNavigationType = 'dots' | 'dots-bar' | 'fraction';