fix: update prop types

Author: daybrush

packages/infinite-viewer/test/index.html

@@ -385,7 +385,7 @@ <h2 data-moveable>Infinite Viewer</h2>
     });
 
     requestAnimationFrame(() => {
-        const left = (viewer.getViewportWidth() - viewer.getContainerWidth() / viewer.getZoomX()) / 2
+        const left = (viewer.getViewportWidth() - viewer.getContainerWidth() / viewer.getZoomX()) / 2;
         viewer.scrollTo(left, 0, {
             duration: 1000,
         });

packages/lit-infinite-viewer/src/LitInfiniteViewer.ts

@@ -1,6 +1,6 @@
 import { LitElement, html, customElement, property } from "lit-element";
 import VanillaInfiniteViewer, {
-    InfiniteViewerProperties,
+    InfiniteViewerOptions,
     EVENTS, PROPERTIES, InfiniteViewerMethods, METHODS, OPTIONS
 } from "infinite-viewer";
 import { Properties, withMethods, MethodInterface } from "framework-utils";
@@ -18,7 +18,7 @@ export class LitInfiniteViewer extends LitElement {
     })
     private infiniteViewer!: VanillaInfiniteViewer;
     public firstUpdated() {
-        const options: Partial<InfiniteViewerProperties> = {};
+        const options: Partial<InfiniteViewerOptions> = {};
 
         OPTIONS.forEach(name => {
             if (typeof this[name] !== "undefined") {
@@ -74,7 +74,7 @@ export class LitInfiniteViewer extends LitElement {
         this.infiniteViewer.destroy();
     }
 }
-export interface LitInfiniteViewer extends InfiniteViewerProperties,
+export interface LitInfiniteViewer extends InfiniteViewerOptions,
     MethodInterface<InfiniteViewerMethods, VanillaInfiniteViewer, LitInfiniteViewer, {
         "click": "clickViewer",
         "scrollTo": "scrollToViewer",

packages/react-infinite-viewer/src/react-infinite-viewer/types.ts

@@ -1,4 +1,4 @@
-import { InfiniteViewerEvents, InfiniteViewerProperties } from "infinite-viewer";
+import { InfiniteViewerEvents, InfiniteViewerOptions } from "infinite-viewer";
 
 export interface InfiniteViewerEventNames {
     onScroll: "scroll";
@@ -12,6 +12,7 @@ export interface InfiniteViewerEventNames {
 export type InfiniteViewerEventProps = {
     [key in keyof InfiniteViewerEventNames]: (e: InfiniteViewerEvents[InfiniteViewerEventNames[key]]) => any;
 };
-export type InfiniteViewerProps = InfiniteViewerProperties & InfiniteViewerEventProps & {
+export type InfiniteViewerProps = InfiniteViewerOptions & InfiniteViewerEventProps & {
+    className?: string;
     [key: string]: any;
 };

packages/svelte-infinite-viewer/src/svelte-infinite-viewer/index.d.ts

@@ -1,28 +1,15 @@
-import VanillaInfiniteViewer, { InfiniteViewerMethods } from "infinite-viewer";
+import { SvelteComponentDev } from "svelte/internal";
+import VanillaInfiniteViewer, {
+    InfiniteViewerOptions,
+    InfiniteViewerMethods,
+} from "infinite-viewer";
 import { MethodInterface } from "framework-utils";
 
-
-interface ComponentOptions {
-    target: HTMLElement;
-    anchor?: HTMLElement | null;
-    props?: {};
-    hydrate?: boolean;
-    intro?: boolean;
+export default class InfiniteViewerComponent<T={}> extends SvelteComponentDev {
+    $$prop_def: InfiniteViewerOptions & T;
+    getInstance(): VanillaInfiniteViewer;
 }
-
-interface InfiniteViewerComponent extends MethodInterface<InfiniteViewerMethods, VanillaInfiniteViewer, InfiniteViewerComponent> {
-    new(options: ComponentOptions): any;
-    // client-side methods
-    $set(props: {}): void;
-    $on(event: string, callback: (event: CustomEvent) => void): void;
-    $destroy(): void;
-    // server-side methods
-    render(props?: {}): {
-        html: string;
-        css: { code: string; map: string | null };
-        head?: string;
-    };
+export default interface InfiniteViewerComponent extends MethodInterface<InfiniteViewerMethods, VanillaInfiniteViewer, InfiniteViewerComponent> {
 }
 
-export default InfiniteViewerComponent;
 export * from "infinite-viewer";

packages/vue-infinite-viewer/src/InfiniteViewer.vue.d.ts

@@ -1,8 +1,8 @@
 import { MethodInterface } from "framework-utils";
-import VanillaInfiniteViewer, { InfiniteViewerProperties, InfiniteViewerMethods } from "infinite-viewer";
+import VanillaInfiniteViewer, { InfiniteViewerOptions, InfiniteViewerMethods } from "infinite-viewer";
 
 interface InfiniteViewerInterface
-    extends InfiniteViewerProperties,
+    extends InfiniteViewerOptions,
     MethodInterface<
     InfiniteViewerMethods,
     VanillaInfiniteViewer,

packages/vue3-infinite-viewer/src/InfiniteViewer.vue.d.ts

@@ -1,8 +1,8 @@
 import { MethodInterface } from "framework-utils";
-import VanillaInfiniteViewer, { InfiniteViewerProperties, InfiniteViewerMethods } from "infinite-viewer";
+import VanillaInfiniteViewer, { InfiniteViewerOptions, InfiniteViewerMethods } from "infinite-viewer";
 
 interface InfiniteViewerInterface
-    extends InfiniteViewerProperties,
+    extends InfiniteViewerOptions,
     MethodInterface<
     InfiniteViewerMethods,
     VanillaInfiniteViewer,