mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 14:01:20 +08:00
fix(): include swiper source js file.
This commit is contained in:
@ -1,4 +1,5 @@
|
|||||||
import { Component, h, Ionic, Prop } from '../index';
|
import { Component, h, Ionic, Prop } from '../index';
|
||||||
|
import { Swiper } from '../../vendor/swiper';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @name Slides
|
* @name Slides
|
||||||
@ -353,9 +354,7 @@ export class Slides {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// init swiper core
|
// init swiper core
|
||||||
swiperOptions;
|
this.swiper = new Swiper(this.container, swiperOptions);
|
||||||
// this.swiper = new window.Swiper(this.container, swiperOptions);
|
|
||||||
|
|
||||||
|
|
||||||
if (this.keyboardControl) {
|
if (this.keyboardControl) {
|
||||||
// init keyboard event listeners
|
// init keyboard event listeners
|
||||||
|
324
src/vendor/swiper.d.ts
vendored
Normal file
324
src/vendor/swiper.d.ts
vendored
Normal file
@ -0,0 +1,324 @@
|
|||||||
|
// Type definitions for Swiper 3.4
|
||||||
|
// Project: https://github.com/nolimits4web/Swiper
|
||||||
|
// Definitions by: Sebastián Galiano <https://github.com/sgaliano/>, Luca Trazzi <https://github.com/lucax88x/>
|
||||||
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||||
|
|
||||||
|
interface SwiperOptions {
|
||||||
|
initialSlide?: number;
|
||||||
|
direction?: string;
|
||||||
|
speed?: number;
|
||||||
|
setWrapperSize?: boolean;
|
||||||
|
virtualTranslate?: boolean;
|
||||||
|
width?: number;
|
||||||
|
height?: number;
|
||||||
|
autoHeight?: boolean;
|
||||||
|
roundLengths?: boolean;
|
||||||
|
nested?: boolean;
|
||||||
|
|
||||||
|
// Autoplay
|
||||||
|
autoplay?: number;
|
||||||
|
autoplayStopOnLast?: boolean;
|
||||||
|
autoplayDisableOnInteraction?: boolean;
|
||||||
|
|
||||||
|
// Progress
|
||||||
|
watchSlidesProgress?: boolean;
|
||||||
|
watchSlidesVisibility?: boolean;
|
||||||
|
|
||||||
|
// Freemode
|
||||||
|
freeMode?: boolean;
|
||||||
|
freeModeMomentum?: boolean;
|
||||||
|
freeModeMomentumRatio?: number;
|
||||||
|
freeModeMomentumVelocityRatio?: number;
|
||||||
|
freeModeMomentumBounce?: boolean;
|
||||||
|
freeModeMomentumBounceRatio?: number;
|
||||||
|
freeModeMinimumVelocity?: number;
|
||||||
|
freeModeSticky?: boolean;
|
||||||
|
|
||||||
|
// Effects
|
||||||
|
effect?: string;
|
||||||
|
fade?: {};
|
||||||
|
cube?: {};
|
||||||
|
coverflow?: {};
|
||||||
|
flip?: {};
|
||||||
|
|
||||||
|
// Parallax
|
||||||
|
parallax?: boolean;
|
||||||
|
|
||||||
|
// Slides grid
|
||||||
|
spaceBetween?: number;
|
||||||
|
slidesPerView?: number | string;
|
||||||
|
slidesPerColumn?: number;
|
||||||
|
slidesPerColumnFill?: string;
|
||||||
|
slidesPerGroup?: number;
|
||||||
|
centeredSlides?: boolean;
|
||||||
|
slidesOffsetBefore?: number;
|
||||||
|
slidesOffsetAfter?: number;
|
||||||
|
|
||||||
|
// Grab Cursor
|
||||||
|
grabCursor?: boolean;
|
||||||
|
|
||||||
|
// Touches
|
||||||
|
touchEventsTarget?: string;
|
||||||
|
touchRatio?: number;
|
||||||
|
touchAngle?: number;
|
||||||
|
simulateTouch?: boolean;
|
||||||
|
shortSwipes?: boolean;
|
||||||
|
longSwipes?: boolean;
|
||||||
|
longSwipesRatio?: number;
|
||||||
|
longSwipesMs?: number;
|
||||||
|
followFinger?: boolean;
|
||||||
|
onlyExternal?: boolean;
|
||||||
|
threshold?: number;
|
||||||
|
touchMoveStopPropagation?: boolean;
|
||||||
|
iOSEdgeSwipeDetection?: boolean;
|
||||||
|
iOSEdgeSwipeThreshold?: number;
|
||||||
|
|
||||||
|
// Touch Resistance
|
||||||
|
resistance?: boolean;
|
||||||
|
resistanceRatio?: number;
|
||||||
|
|
||||||
|
// Clicks
|
||||||
|
preventClicks?: boolean;
|
||||||
|
preventClicksPropagation?: boolean;
|
||||||
|
slideToClickedSlide?: boolean;
|
||||||
|
|
||||||
|
// Swiping / No swiping
|
||||||
|
allowSwipeToPrev?: boolean;
|
||||||
|
allowSwipeToNext?: boolean;
|
||||||
|
noSwiping?: boolean;
|
||||||
|
noSwipingClass?: string;
|
||||||
|
swipeHandler?: string | Element;
|
||||||
|
|
||||||
|
// Navigation Controls
|
||||||
|
uniqueNavElements?: boolean;
|
||||||
|
|
||||||
|
// Pagination
|
||||||
|
pagination?: string | Element;
|
||||||
|
paginationType?: string;
|
||||||
|
paginationHide?: boolean;
|
||||||
|
paginationClickable?: boolean;
|
||||||
|
paginationElement?: string;
|
||||||
|
paginationBulletRender?(swiper: Swiper, index: number, className: string): void;
|
||||||
|
paginationFractionRender?(swiper: Swiper, currentClassName: string, totalClassName: string): void;
|
||||||
|
paginationProgressRender?(swiper: Swiper, progressbarClass: string): void;
|
||||||
|
paginationCustomRender?(swiper: Swiper, current: number, total: number): void;
|
||||||
|
|
||||||
|
// Navigation Buttons
|
||||||
|
nextButton?: string | Element;
|
||||||
|
prevButton?: string | Element;
|
||||||
|
|
||||||
|
// Scollbar
|
||||||
|
scrollbar?: string | Element | SwiperScrollbarOptions;
|
||||||
|
scrollbarHide?: boolean;
|
||||||
|
scrollbarDraggable?: boolean;
|
||||||
|
scrollbarSnapOnRelease?: boolean;
|
||||||
|
|
||||||
|
// Accessibility
|
||||||
|
a11y?: boolean;
|
||||||
|
prevSlideMessage?: string;
|
||||||
|
nextSlideMessage?: string;
|
||||||
|
firstSlideMessage?: string;
|
||||||
|
lastSlideMessage?: string;
|
||||||
|
paginationBulletMessage?: string;
|
||||||
|
|
||||||
|
// Keyboard / Mousewheel
|
||||||
|
keyboardControl?: boolean;
|
||||||
|
mousewheelControl?: boolean;
|
||||||
|
mousewheelForceToAxis?: boolean;
|
||||||
|
mousewheelReleaseOnEdges?: boolean;
|
||||||
|
mousewheelInvert?: boolean;
|
||||||
|
mousewheelSensitivity?: number;
|
||||||
|
|
||||||
|
// Hash Navigation
|
||||||
|
hashnav?: boolean;
|
||||||
|
hashnavWatchState?: boolean;
|
||||||
|
history?: string;
|
||||||
|
|
||||||
|
// Images
|
||||||
|
preloadImages?: boolean;
|
||||||
|
updateOnImagesReady?: boolean;
|
||||||
|
lazyLoading?: boolean;
|
||||||
|
lazyLoadingInPrevNext?: boolean;
|
||||||
|
lazyLoadingInPrevNextAmount?: number;
|
||||||
|
lazyLoadingOnTransitionStart?: boolean;
|
||||||
|
|
||||||
|
// Loop
|
||||||
|
loop?: boolean;
|
||||||
|
loopAdditionalSlides?: number;
|
||||||
|
loopedSlides?: number;
|
||||||
|
|
||||||
|
zoom?: boolean;
|
||||||
|
|
||||||
|
// Controller
|
||||||
|
control?: Swiper;
|
||||||
|
controlInverse?: boolean;
|
||||||
|
controlBy?: string;
|
||||||
|
|
||||||
|
// Observer
|
||||||
|
observer?: boolean;
|
||||||
|
observeParents?: boolean;
|
||||||
|
|
||||||
|
// Breakpoints
|
||||||
|
breakpoints?: {};
|
||||||
|
|
||||||
|
// Callbacks
|
||||||
|
runCallbacksOnInit?: boolean;
|
||||||
|
onInit?(swiper: Swiper): void;
|
||||||
|
onSlideChangeStart?(swiper: Swiper): void;
|
||||||
|
onSlideChangeEnd?(swiper: Swiper): void;
|
||||||
|
onSlideNextStart?(swiper: Swiper): void;
|
||||||
|
onSlideNextEnd?(swiper: Swiper): void;
|
||||||
|
onSlidePrevStart?(swiper: Swiper): void;
|
||||||
|
onSlidePrevEnd?(swiper: Swiper): void;
|
||||||
|
onTransitionStart?(swiper: Swiper): void;
|
||||||
|
onTransitionEnd?(swiper: Swiper): void;
|
||||||
|
onTouchStart?(swiper: Swiper, event: Event): void;
|
||||||
|
onTouchMove?(swiper: Swiper, event: Event): void;
|
||||||
|
onTouchMoveOpposite?(swiper: Swiper, event: Event): void;
|
||||||
|
onSliderMove?(swiper: Swiper, event: Event): void;
|
||||||
|
onTouchEnd?(swiper: Swiper, event: Event): void;
|
||||||
|
onClick?(swiper: Swiper, event: Event): void;
|
||||||
|
onTap?(swiper: Swiper, event: Event): void;
|
||||||
|
onDoubleTap?(swiper: Swiper, event: Event): void;
|
||||||
|
onImagesReady?(swiper: Swiper): void;
|
||||||
|
onProgress?(swiper: Swiper, progress: number): void;
|
||||||
|
onReachBeginning?(swiper: Swiper): void;
|
||||||
|
onReachEnd?(swiper: Swiper): void;
|
||||||
|
onDestroy?(swiper: Swiper): void;
|
||||||
|
onSetTranslate?(swiper: Swiper, translate: any): void;
|
||||||
|
onSetTransition?(swiper: Swiper, transition: any): void;
|
||||||
|
onAutoplay?(swiper: Swiper): void;
|
||||||
|
onAutoplayStart?(swiper: Swiper): void;
|
||||||
|
onAutoplayStop?(swiper: Swiper): void;
|
||||||
|
onLazyImageLoad?(swiper: Swiper, slide: any, image: any): void;
|
||||||
|
onLazyImageReady?(swiper: Swiper, slide: any, image: any): void;
|
||||||
|
onPaginationRendered?(swiper: Swiper, paginationContainer: any): void;
|
||||||
|
|
||||||
|
// Namespace
|
||||||
|
slideClass?: string;
|
||||||
|
slideActiveClass?: string;
|
||||||
|
slideVisibleClass?: string;
|
||||||
|
slideDuplicateClass?: string;
|
||||||
|
slideNextClass?: string;
|
||||||
|
slidePrevClass?: string;
|
||||||
|
wrapperClass?: string;
|
||||||
|
bulletClass?: string;
|
||||||
|
bulletActiveClass?: string;
|
||||||
|
paginationHiddenClass?: string;
|
||||||
|
paginationCurrentClass?: string;
|
||||||
|
paginationTotalClass?: string;
|
||||||
|
paginationProgressbarClass?: string;
|
||||||
|
buttonDisabledClass?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SwiperScrollbarOptions {
|
||||||
|
container: string; // Default: '.swiper-scrollbar'
|
||||||
|
draggable?: boolean; // Default: true
|
||||||
|
hide?: boolean; // Default: true
|
||||||
|
snapOnRelease?: boolean; // Default: false
|
||||||
|
}
|
||||||
|
|
||||||
|
declare class SwiperSlide {
|
||||||
|
append(): SwiperSlide;
|
||||||
|
clone(): SwiperSlide;
|
||||||
|
getWidth(): number;
|
||||||
|
getHeight(): number;
|
||||||
|
getOffset(): { top: number; left: number; };
|
||||||
|
insertAfter(index: number): SwiperSlide;
|
||||||
|
prepend(): SwiperSlide;
|
||||||
|
remove(): void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export declare class Swiper {
|
||||||
|
constructor(container: string | Element, options?: SwiperOptions);
|
||||||
|
|
||||||
|
// Properties
|
||||||
|
width: number;
|
||||||
|
height: number;
|
||||||
|
params: any;
|
||||||
|
positions: any;
|
||||||
|
|
||||||
|
// Feature detection
|
||||||
|
support: {
|
||||||
|
touch: boolean;
|
||||||
|
transforms: boolean;
|
||||||
|
transforms3d: boolean;
|
||||||
|
transitions: boolean;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Browser detection
|
||||||
|
browser: {
|
||||||
|
ie8: boolean;
|
||||||
|
ie10: boolean;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Navigation
|
||||||
|
activeIndex: number;
|
||||||
|
activeLoopIndex: number;
|
||||||
|
activeLoaderIndex: number;
|
||||||
|
previousIndex: number;
|
||||||
|
swipeNext(internal?: boolean): boolean;
|
||||||
|
swipePrev(internal?: boolean): boolean;
|
||||||
|
swipeReset(): boolean;
|
||||||
|
swipeTo(index: number, speed?: number, runCallbacks?: boolean): boolean;
|
||||||
|
activeSlide(): SwiperSlide;
|
||||||
|
updateActiveSlide(index: number): void;
|
||||||
|
|
||||||
|
// Events
|
||||||
|
touches: any;
|
||||||
|
isTouched: boolean;
|
||||||
|
clickedSlideIndex: number;
|
||||||
|
clickedSlide: SwiperSlide;
|
||||||
|
wrapperTransitionEnd(callback: () => void, permanent: boolean): void;
|
||||||
|
|
||||||
|
// Init/reset
|
||||||
|
destroy(deleteInstance: boolean, cleanupStyles: boolean): void;
|
||||||
|
reInit(forceCalcSlides?: boolean): void;
|
||||||
|
resizeFix(reInit?: boolean): void;
|
||||||
|
|
||||||
|
// Autoplaying
|
||||||
|
autoplay: boolean;
|
||||||
|
startAutoplay(): void;
|
||||||
|
stopAutoplay(): void;
|
||||||
|
|
||||||
|
// Other methods
|
||||||
|
getWrapperTranslate(axis: string): number; // 'x' or 'y'
|
||||||
|
setWrapperTranslate(x: number, y: number, z: number): void;
|
||||||
|
setWrapperTransition(duration: any): void;
|
||||||
|
|
||||||
|
// Slides API
|
||||||
|
|
||||||
|
slides: SwiperSlide[];
|
||||||
|
|
||||||
|
slidePrev(runCallbacks?: boolean, speed?: number): void;
|
||||||
|
slideNext(runCallbacks?: boolean, speed?: number): void;
|
||||||
|
slideTo(index: number, speed?: number, runCallbacks?: boolean): void;
|
||||||
|
update(updateTranslate?: boolean): void;
|
||||||
|
onResize(): void;
|
||||||
|
detachEvents(): void;
|
||||||
|
attachEvents(): void;
|
||||||
|
|
||||||
|
appendSlide(slides: HTMLElement | string | string[]): void;
|
||||||
|
prependSlide(slides: HTMLElement | string | string[]): void;
|
||||||
|
removeSlide(slideIndex: number): void;
|
||||||
|
removeAllSlides(): void;
|
||||||
|
|
||||||
|
lockSwipeToNext(): void;
|
||||||
|
unlockSwipeToNext(): void;
|
||||||
|
lockSwipeToPrev(): void;
|
||||||
|
unlockSwipeToPrev(): void;
|
||||||
|
lockSwipes(): void;
|
||||||
|
unlockSwipes(): void;
|
||||||
|
disableMousewheelControl(): void;
|
||||||
|
enableMousewheelControl(): void;
|
||||||
|
disableKeyboardControl(): void;
|
||||||
|
enableKeyboardControl(): void;
|
||||||
|
disableTouchContro(): void;
|
||||||
|
enableTouchContro(): void;
|
||||||
|
unsetGrabCursor(): void;
|
||||||
|
setGrabCursor(): void;
|
||||||
|
|
||||||
|
plugins?: {
|
||||||
|
debugger?(swiper: any, params: any): void;
|
||||||
|
};
|
||||||
|
}
|
592
src/vendor/swiper.js
vendored
592
src/vendor/swiper.js
vendored
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user