@vunk/plus 1.4.7 → 1.5.1

package/components/pixi-frame/src/index.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        requierd: false;
+    };
     data: {
         type: {
             (arrayLength: number): string[];
@@ -28,11 +32,30 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    resize: {
+        type: import("vue").PropType<import("./types").Resize>;
+        default: undefined;
+    };
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    isApng: import("vue").ComputedRef<boolean>;
+    isVideo: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:status': null;
     'update:data': null;
     setData: null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        requierd: false;
+    };
     data: {
         type: {
             (arrayLength: number): string[];
@@ -62,6 +85,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    resize: {
+        type: import("vue").PropType<import("./types").Resize>;
+        default: undefined;
+    };
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSetData?: ((...args: any[]) => any) | undefined;
     "onUpdate:status"?: ((...args: any[]) => any) | undefined;
@@ -69,10 +104,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     data: string[];
     status: import("@vunk/shared/enum").TickerStatus;
+    resize: import("./types").Resize;
+    label: string;
+    prerender: boolean;
     loop: boolean;
     frameRate: number;
 }, {}, {
-    CoreComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    ApngComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            required: true;
+        };
         data: {
             type: {
                 (arrayLength: number): string[];
@@ -102,8 +144,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            url: {
+                type: StringConstructor;
+                required: true;
+            };
             data: {
                 type: {
                     (arrayLength: number): string[];
@@ -133,33 +191,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: NumberConstructor;
                 default: number;
             };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            resize: {
+                type: import("vue").PropType<import("./types").Resize>;
+                default: undefined;
+            };
+            prerender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onSetData?: ((...args: any[]) => any) | undefined;
             "onUpdate:status"?: ((...args: any[]) => any) | undefined;
             "onUpdate:data"?: ((...args: any[]) => any) | undefined;
         }> & {}>;
         emit: ((event: "setData", ...args: any[]) => void) & ((event: "update:status", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void);
-        app: import("pixi.js").Application<import("pixi.js").Renderer>;
-        context: {
-            whenDef: import("@vunk/shared/promise").Deferred<import("pixi.js").Application<import("pixi.js").Renderer>>;
-            when: () => Promise<import("pixi.js").Application<import("pixi.js").Renderer>>;
-        };
         compId: string;
-        getAlias: (key: string | number) => string;
+        getAlias: (frameIndex: number) => string;
         sprite: import("pixi.js").Sprite;
         resizeSprite: () => void;
-        textureMap: Map<string, import("pixi.js").Texture<import("pixi.js").TextureSource<any>>>;
+        frames: import("vue").Ref<string[], string[]>;
         index: import("vue").Ref<number, number>;
+        isLoaded: import("vue").Ref<boolean, boolean>;
+        error: import("vue").Ref<string, string>;
+        textureMap: Map<string, import("pixi.js").Texture<import("pixi.js").TextureSource<any>>>;
         timer: number | null;
+        reusableCanvas: HTMLCanvasElement | null;
+        reusableCtx: CanvasRenderingContext2D | null;
+        getReusableCanvas: (width: number, height: number) => {
+            canvas: HTMLCanvasElement;
+            ctx: CanvasRenderingContext2D;
+        };
+        loadAPNG: (url: string) => Promise<void>;
         startFrameLoop: () => void;
         play: () => void;
         pause: () => void;
         stop: () => void;
+        cleanup: () => Promise<void>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:status': null;
         'update:data': null;
         setData: null;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            required: true;
+        };
         data: {
             type: {
                 (arrayLength: number): string[];
@@ -189,6 +269,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: number;
         };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onSetData?: ((...args: any[]) => any) | undefined;
         "onUpdate:status"?: ((...args: any[]) => any) | undefined;
@@ -196,8 +288,170 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         data: string[];
         status: import("@vunk/shared/enum").TickerStatus;
+        resize: import("./types").Resize;
+        label: string;
+        prerender: boolean;
+        loop: boolean;
+        frameRate: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CoreComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<string[] | import("./types").Datum[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<string[] | import("./types").Datum[]>;
+                required: true;
+            };
+            frameIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            url: {
+                type: StringConstructor;
+                requierd: false;
+            };
+            loop: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            status: {
+                type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+                default: import("@vunk/shared/enum").TickerStatus;
+            };
+            frameRate: {
+                type: NumberConstructor;
+                default: number;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            resize: {
+                type: import("vue").PropType<import("./types").Resize>;
+                default: undefined;
+            };
+            prerender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onSetData?: ((...args: any[]) => any) | undefined;
+            onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:frameIndex"?: ((...args: any[]) => any) | undefined;
+            onNotFound?: ((_index: number) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "setData", ...args: any[]) => void) & ((event: "load", e: import("./types").LoadEvent) => void) & ((event: "update:status", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void) & ((event: "update:frameIndex", ...args: any[]) => void) & ((event: "notFound", _index: number) => void);
+        compId: string;
+        getAlias: (key: string | number) => string;
+        sprite: import("pixi.js").Sprite;
+        resizeSprite: () => void;
+        application: import("pixi.js").Application<import("pixi.js").Renderer>;
+        textureMap: Map<string, import("pixi.js").Texture<import("pixi.js").TextureSource<any>>>;
+        completedIndex: import("vue").Ref<number, number>;
+        enabledData: import("vue").ComputedRef<string[] | import("./types").Datum[]>;
+        index: import("vue").WritableComputedRef<number, number>;
+        animationId: number | null;
+        lastFrameTime: number;
+        startFrameLoop: () => void;
+        play: () => void;
+        pause: () => void;
+        stop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        load: (e: import("./types").LoadEvent) => import("./types").LoadEvent;
+        'update:frameIndex': null;
+        notFound: (_index: number) => true;
+        'update:status': null;
+        'update:data': null;
+        setData: null;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<string[] | import("./types").Datum[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSetData?: ((...args: any[]) => any) | undefined;
+        onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:frameIndex"?: ((...args: any[]) => any) | undefined;
+        onNotFound?: ((_index: number) => any) | undefined;
+    }>, {
+        status: import("@vunk/shared/enum").TickerStatus;
+        resize: import("./types").Resize;
+        label: string;
+        prerender: boolean;
         loop: boolean;
         frameRate: number;
+        frameIndex: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ProviderComp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ViewComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -226,5 +480,187 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         defaultOptions: Partial<import("pixi.js").ApplicationOptions>;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    VideoComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            required: true;
+        };
+        data: {
+            type: {
+                (arrayLength: number): string[];
+                (...items: string[]): string[];
+                new (arrayLength: number): string[];
+                new (...items: string[]): string[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+                from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+                from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+                of<T_4>(...items: T_4[]): T_4[];
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: () => never[];
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            url: {
+                type: StringConstructor;
+                required: true;
+            };
+            data: {
+                type: {
+                    (arrayLength: number): string[];
+                    (...items: string[]): string[];
+                    new (arrayLength: number): string[];
+                    new (...items: string[]): string[];
+                    isArray(arg: any): arg is any[];
+                    readonly prototype: any[];
+                    from<T>(arrayLike: ArrayLike<T>): T[];
+                    from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+                    from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+                    from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+                    of<T_4>(...items: T_4[]): T_4[];
+                    readonly [Symbol.species]: ArrayConstructor;
+                };
+                default: () => never[];
+            };
+            loop: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            status: {
+                type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+                default: import("@vunk/shared/enum").TickerStatus;
+            };
+            frameRate: {
+                type: NumberConstructor;
+                default: number;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            resize: {
+                type: import("vue").PropType<import("./types").Resize>;
+                default: undefined;
+            };
+            prerender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onSetData?: ((...args: any[]) => any) | undefined;
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "setData", ...args: any[]) => void) & ((event: "update:status", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void);
+        compId: string;
+        getAlias: () => string;
+        sprite: import("pixi.js").Sprite;
+        resizeSprite: () => void;
+        texture: import("vue").Ref<import("pixi.js").Texture<import("pixi.js").TextureSource<any>> | undefined, import("pixi.js").Texture<import("pixi.js").TextureSource<any>> | undefined>;
+        video: import("vue").ComputedRef<HTMLVideoElement | null>;
+        readyDef: {
+            _ref: import("vue").ShallowRef<unknown, unknown>;
+            readonly value: unknown;
+            promise: Promise<unknown>;
+            resolve: import("@vunk/core").AnyFunc;
+            reject: (reason?: any) => void;
+        };
+        videoError: import("vue").Ref<string, string>;
+        loadVideoTexture: (url: string) => Promise<any>;
+        setupVideoEvents: (video: HTMLVideoElement) => void;
+        cleanupVideo: () => Promise<void>;
+        play: () => void;
+        pause: () => void;
+        stop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:status': null;
+        'update:data': null;
+        setData: null;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            required: true;
+        };
+        data: {
+            type: {
+                (arrayLength: number): string[];
+                (...items: string[]): string[];
+                new (arrayLength: number): string[];
+                new (...items: string[]): string[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+                from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+                from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+                of<T_4>(...items: T_4[]): T_4[];
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: () => never[];
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSetData?: ((...args: any[]) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        data: string[];
+        status: import("@vunk/shared/enum").TickerStatus;
+        resize: import("./types").Resize;
+        label: string;
+        prerender: boolean;
+        loop: boolean;
+        frameRate: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/pixi-frame/src/types.d.ts

@@ -1 +1,17 @@
-export {};
+import type { ReturnVoid } from '@vunk/shared';
+import type { Application, Sprite } from 'pixi.js';
+export interface Datum {
+    src: string;
+    [key: string]: any;
+}
+export interface ResizeEvent {
+    application: Application;
+    sprite: Sprite;
+    meta: any;
+}
+export interface LoadEvent {
+    application: Application;
+    sprite: Sprite;
+}
+export type OnLoad = (e: LoadEvent) => ReturnVoid;
+export type Resize = (e: ResizeEvent) => ReturnVoid;

package/components/pixi-frame/src/useSprite.d.ts

@@ -0,0 +1,11 @@
+import type { Resize } from './types';
+import { Sprite } from 'pixi.js';
+export declare function useSprite(props: {
+    autoResize?: boolean;
+    label?: string;
+    resize?: Resize;
+}): {
+    sprite: Sprite;
+    resizeSprite: () => void;
+    application: import("pixi.js").Application<import("pixi.js").Renderer>;
+};