import React from 'react'; import { TaroBaseProps, TaroSwiperEventHandler } from '../_util/typings'; /** * 指定 swiper 切换缓动动画类型 */ interface EasingFunction { /** * 默认缓动函数 */ default: any; /** * 线性动画 */ linear: any; /** * 缓入动画 */ easeInCubic: any; /** * 缓出动画 */ easeOutCubic: any; /** * 缓入缓出动画 */ easeInOutCubic: any; } export interface SwiperProps extends TaroBaseProps { /** * 是否显示面板指示点 * @default false */ indicatorDots?: boolean; /** * 指示点颜色 * @default "rgba(0, 0, 0, .3)" */ indicatorColor?: string; /** * 当前选中的指示点颜色 * @default "#000000" */ indicatorActiveColor?: string; /** * 是否自动切换 * @default false */ autoplay?: boolean; /** * 当前所在滑块的 index * @default 0 */ current?: number; /** * 当前所在滑块的 item-id ,不能与 current 被同时指定 * @default "" */ currentItemId?: string; /** * 自动切换时间间隔 * @default 5000 */ interval?: number; /** * 滑动动画时长 * @default 500 */ duration?: number; /** * 是否采用衔接滑动 * @default false */ circular?: boolean; /** * 滑动方向是否为纵向 * @default false */ vertical?: boolean; /** * 前边距,可用于露出前一项的一小部分,接受 px 和 rpx 值 * @default "0px" */ previousMargin?: string; /** * 后边距,可用于露出后一项的一小部分,接受 px 和 rpx 值 * @default "0px" */ nextMargin?: string; /** * 当 swiper-item 的个数大于等于 2,关闭 circular 并且开启 previous-margin 或 next-margin 的时候,可以指定这个边距是否应用到第一个、最后一个元素 * @default false * @supported weapp */ snapToEdge?: boolean; /** * 同时显示的滑块数量 * @default 1 */ displayMultipleItems?: number; /** * 是否跳过未显示的滑块布局,设为 true 可优化复杂情况下的滑动性能,但会丢失隐藏状态滑块的布局信息 * @default false */ skipHiddenItemLayout?: boolean; /** * 指定 swiper 切换缓动动画类型 * @default "default" */ easingFunction?: keyof EasingFunction; /** * current 改变时会触发 change 事件 */ onChange?: TaroSwiperEventHandler; /** * swiper-item 的位置发生改变时会触发 transition 事件 */ onTransition?: TaroSwiperEventHandler; /** * 动画结束时会触发 animationfinish 事件 */ onAnimationFinish?: TaroSwiperEventHandler; /** * 是否禁止用户 touch 操作 * @default false */ disableTouch?: boolean; /** * swiper-item */ children?: React.ReactNode; } declare const Swiper: React.FC; export default Swiper;