Fix: #52 - TypeScript support

joe223 · Jan 17, 2021 · eb9d452 · eb9d452
1 parent d204a28
commit eb9d452
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 9 deletions.
diff --git a/packages/tiny-swiper/__test__/smoke/instance.spec.ts b/packages/tiny-swiper/__test__/smoke/instance.spec.ts
@@ -7,7 +7,7 @@ describe('lifecycle', () => {
         width: 300,
         height: 300
     })
-    const swiperInstance = Swiper(elementsInstance.$el)
+    const swiperInstance = new Swiper(elementsInstance.$el)
     const events: {
         [key: string]: Function
     } = {}

diff --git a/packages/tiny-swiper/src/core/index.ts b/packages/tiny-swiper/src/core/index.ts
@@ -26,6 +26,7 @@ export type SwiperPlugin = (instance: SwiperInstance, options: Options) => void
 
 export type Swiper = {
     (el: HTMLElement | string, userOptions?: UserOptions): SwiperInstance
+    new (el: HTMLElement | string, userOptions?: UserOptions): SwiperInstance
     use: (plugins: Array<SwiperPlugin>) => void
     plugins: Array<SwiperPlugin>
 }

diff --git a/packages/tiny-swiper/src/modules/lazyload.ts b/packages/tiny-swiper/src/modules/lazyload.ts
@@ -8,12 +8,12 @@ import { State } from '../core/state/index'
 
 export type SwiperPluginLazyloadOptions = {
     loadPrevNext: boolean
-    loadPrevNextAmount: 1
+    loadPrevNextAmount: number
     loadOnTransitionStart: boolean
-    elementClass: 'swiper-lazy'
-    loadingClass: 'swiper-lazy-loading'
-    loadedClass: 'swiper-lazy-loaded'
-    preloaderClass: 'swiper-lazy-preloader'
+    elementClass: string
+    loadingClass: string
+    loadedClass: string
+    preloaderClass: string
 }
 
 export type SwiperPluginLazyloadPartialOptions = Partial<SwiperPluginLazyloadOptions> | boolean

diff --git a/packages/tiny-swiper/src/modules/mousewheel.ts b/packages/tiny-swiper/src/modules/mousewheel.ts
@@ -7,8 +7,8 @@ import { Options } from '../core/options'
 
 export type SwiperPluginMousewheelOptions = {
     invert: boolean
-    sensitivity: 1
-    interval: 400
+    sensitivity: number
+    interval: number
 }
 
 export type SwiperPluginMousewheelPartialOptions = Partial<SwiperPluginMousewheelOptions>

diff --git a/packages/tiny-swiper/src/modules/pagination.ts b/packages/tiny-swiper/src/modules/pagination.ts
@@ -7,7 +7,7 @@ import { Options } from '../core/options'
 
 export type SwiperPluginPaginationOptions = {
     el: string
-    clickable: false
+    clickable: boolean
     bulletClass: string | 'swiper-pagination-bullet'
     bulletActiveClass: string | 'swiper-pagination-bullet-active'
 }