@vunk/plus 1.8.0 → 1.8.1

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

@@ -0,0 +1,591 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        requierd: false;
+    };
+    data: {
+        type: import("vue").PropType<any[]>;
+        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;
+    };
+    visible: {
+        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: import("vue").PropType<any[]>;
+        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;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+    onSetData?: ((...args: any[]) => any) | undefined;
+    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: any[];
+    status: import("@vunk/shared/enum").TickerStatus;
+    label: string;
+    resize: import("./types").Resize;
+    visible: boolean;
+    prerender: boolean;
+    loop: boolean;
+    frameRate: number;
+}, {}, {
+    ApngComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            required: true;
+        };
+        data: {
+            type: import("vue").PropType<any[]>;
+            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;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            url: {
+                type: StringConstructor;
+                required: true;
+            };
+            data: {
+                type: import("vue").PropType<any[]>;
+                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;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            onSetData?: ((...args: any[]) => any) | undefined;
+            "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "update:status", ...args: any[]) => void) & ((event: "setData", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void);
+        compId: string;
+        getAlias: (frameIndex: number) => string;
+        sprite: import("pixi.js").Sprite;
+        resizeSprite: () => void;
+        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: import("vue").PropType<any[]>;
+            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;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        onSetData?: ((...args: any[]) => any) | undefined;
+        "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        data: any[];
+        status: import("@vunk/shared/enum").TickerStatus;
+        label: string;
+        resize: import("./types").Resize;
+        visible: boolean;
+        prerender: boolean;
+        loop: boolean;
+        frameRate: 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<{
+        defaultOptions: {
+            type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
+            default: () => {};
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            defaultOptions: {
+                type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
+                default: () => {};
+            };
+        }>> & Readonly<{}> & {}>;
+        app: import("pixi.js").Application<import("pixi.js").Renderer>;
+        context: {
+            whenDef: import("@vunk/shared/promise").Deferred<import("pixi.js").Application>;
+            when: () => Promise<import("pixi.js").Application>;
+        };
+        appRef: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        defaultOptions: {
+            type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
+            default: () => {};
+        };
+    }>> & 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: import("vue").PropType<any[]>;
+            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;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            url: {
+                type: StringConstructor;
+                required: true;
+            };
+            data: {
+                type: import("vue").PropType<any[]>;
+                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;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            onSetData?: ((...args: any[]) => any) | undefined;
+            "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "update:status", ...args: any[]) => void) & ((event: "setData", ...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: import("vue").PropType<any[]>;
+            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;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        onSetData?: ((...args: any[]) => any) | undefined;
+        "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        data: any[];
+        status: import("@vunk/shared/enum").TickerStatus;
+        label: string;
+        resize: import("./types").Resize;
+        visible: boolean;
+        prerender: boolean;
+        loop: boolean;
+        frameRate: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Bitmap: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<ImageBitmap[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+        };
+        status: {
+            type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<ImageBitmap[]>;
+                required: true;
+            };
+            frameIndex: {
+                type: NumberConstructor;
+            };
+            status: {
+                type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+                default: import("@vunk/shared/enum").TickerStatus;
+            };
+            url: {
+                type: StringConstructor;
+                requierd: false;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            resize: {
+                type: import("vue").PropType<import("./types").Resize>;
+                default: undefined;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            prerender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            frameRate: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
+            onSetData?: ((...args: any[]) => any) | undefined;
+            "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:frameIndex"?: ((...args: any[]) => any) | undefined;
+            onNotFound?: ((_index: number) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "update:status", ...args: any[]) => void) & ((event: "load", e: import("./types").LoadEvent) => void) & ((event: "setData", ...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<ImageBitmap[]>;
+        index: import("vue").WritableComputedRef<number, number>;
+        drawFrame: () => 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<ImageBitmap[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+        };
+        status: {
+            type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
+        onSetData?: ((...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;
+        label: string;
+        resize: import("./types").Resize;
+        visible: boolean;
+        prerender: boolean;
+        frameRate: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,17 @@
+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/use.d.ts

@@ -0,0 +1,16 @@
+import { Deferred } from '@vunk/shared/promise';
+import { Application } from 'pixi.js';
+export declare function initPixiApp(): {
+    application: Application<import("pixi.js").Renderer>;
+    context: {
+        whenDef: Deferred<Application<import("pixi.js").Renderer>>;
+        when: () => Promise<Application<import("pixi.js").Renderer>>;
+    };
+};
+export declare function usePixiApp(): {
+    application: Application;
+    context: {
+        whenDef: Deferred<Application>;
+        when: () => Promise<Application>;
+    };
+};

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

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