UNPKG

@zebra-ui/swiper

Version:

专为多端设计的高性能swiper轮播组件库,支持多种复杂的 3D swiper轮播效果。

87 lines (78 loc) 2 kB
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 }