@zebra-ui/swiper
Version:
专为多端设计的高性能swiper轮播组件库,支持多种复杂的 3D swiper轮播效果。
87 lines (78 loc) • 2 kB
TypeScript
import type Swiper from '../swiper-class.d.ts'
import type { CSSSelector } from '../shared.d.ts'
export interface MousewheelMethods {
/**
* Whether the mousewheel control is enabled
*/
enabled: boolean
/**
* Enable mousewheel control
*/
enable(): void
/**
* Disable mousewheel control
*/
disable(): void
}
export interface MousewheelEvents {
/**
* Event will be fired on mousewheel scroll
*/
scroll: (swiper: Swiper, event: WheelEvent) => void
}
export interface MousewheelOptions {
/**
* Set to `true` to enable mousewheel control
*
* @default false
*/
enabled?: boolean
/**
* Set to `true` to force mousewheel swipes to axis. So in horizontal mode mousewheel will work only with horizontal mousewheel scrolling, and only with vertical scrolling in vertical mode.
*
* @default false
*/
forceToAxis?: boolean
/**
* Set to `true` and swiper will release mousewheel event and allow page scrolling when swiper is on edge positions (in the beginning or in the end)
*
* @default false
*/
releaseOnEdges?: boolean
/**
* Set to `true` to invert sliding direction
*
* @default false
*/
invert?: boolean
/**
* Multiplier of mousewheel data, allows to tweak mouse wheel sensitivity
*
* @default 1
*/
sensitivity?: number
/**
* String with CSS selector or HTML element of the container accepting mousewheel events. By default it is swiper
*
* @default 'container'
*/
eventsTarget?: 'container' | 'wrapper' | CSSSelector | HTMLElement
/**
* Minimum mousewheel scroll delta to trigger swiper slide change
*
* @default null
*/
thresholdDelta?: number | null
/**
* Minimum mousewheel scroll time delta (in ms) to trigger swiper slide change
*
* @default null
*/
thresholdTime?: number | null
/**
* Scrolling on elements with this class will be ignored
*
* @default 'swiper-no-mousewheel'
*/
noMousewheelClass?: string
}