@vunk/plus 1.4.7 → 1.5.1

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

@@ -1,8 +1,10 @@
+import VkPixiFrameApng from './src/apng.vue';
 import VkPixiFrameCore from './src/core.vue';
 import VkPixiFrame from './src/index.vue';
 import VkPixiFrameProvider from './src/provider.vue';
+import VkPixiFrameVideo from './src/video.vue';
 import VkPixiFrameView from './src/view.vue';
 export * as __VkPixiFrame from './src/types';
 export { TickerStatus } from '@vunk/shared/enum';
-export { VkPixiFrame, VkPixiFrameCore, VkPixiFrameProvider, VkPixiFrameView, };
+export { VkPixiFrame, VkPixiFrameApng, VkPixiFrameCore, VkPixiFrameProvider, VkPixiFrameVideo, VkPixiFrameView, };
 export default VkPixiFrame;

package/components/pixi-frame/index.mjs

@@ -1,6 +1,7 @@
-export { aq as VkPixiFrame, ar as VkPixiFrameCore, as as VkPixiFrameProvider, at as VkPixiFrameView, au as __VkPixiFrame, aq as default } from '../index2.mjs';
+export { aq as VkPixiFrame, ar as VkPixiFrameApng, as as VkPixiFrameCore, at as VkPixiFrameProvider, au as VkPixiFrameVideo, av as VkPixiFrameView, aw as __VkPixiFrame, aq as default } from '../index2.mjs';
 export { TickerStatus } from '@vunk/shared/enum';
 import 'vue';
 import '@vunk/shared/promise';
 import '../_commonjsHelpers.mjs';
+import '@vunk/core/composables';
 import '../_plugin-vue_export-helper.mjs';

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

@@ -0,0 +1,187 @@
+import type { Texture } from 'pixi.js';
+import { TickerStatus } from '@vunk/shared/enum';
+declare const _default: 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<TickerStatus>;
+        default: 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<TickerStatus>;
+            default: 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: (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, 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[];
+            (...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<TickerStatus>;
+        default: 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: TickerStatus;
+    resize: import("./types").Resize;
+    label: string;
+    prerender: boolean;
+    loop: boolean;
+    frameRate: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,131 +1,164 @@
 import type { Texture } from 'pixi.js';
+import type { PropType } from 'vue';
+import type { Datum, LoadEvent } from './types';
 import { TickerStatus } from '@vunk/shared/enum';
-import { Sprite } from 'pixi.js';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     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[];
+        type: PropType<string[] | Datum[]>;
+        required: true;
+    };
+    frameIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    url: {
+        type: StringConstructor;
+        requierd: false;
     };
     loop: {
         type: BooleanConstructor;
         default: boolean;
     };
     status: {
-        type: import("vue").PropType<TickerStatus>;
+        type: PropType<TickerStatus>;
         default: TickerStatus;
     };
     frameRate: {
         type: NumberConstructor;
         default: number;
     };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    resize: {
+        type: PropType<import("./types").Resize>;
+        default: undefined;
+    };
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         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[];
+            type: PropType<string[] | Datum[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
         };
         loop: {
             type: BooleanConstructor;
             default: boolean;
         };
         status: {
-            type: import("vue").PropType<TickerStatus>;
+            type: PropType<TickerStatus>;
             default: TickerStatus;
         };
         frameRate: {
             type: NumberConstructor;
             default: number;
         };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onSetData?: ((...args: any[]) => any) | undefined;
+        onLoad?: ((e: 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: "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>>;
-    };
+    emit: ((event: "setData", ...args: any[]) => void) & ((event: "load", e: 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: Sprite;
+    sprite: import("pixi.js").Sprite;
     resizeSprite: () => void;
+    application: import("pixi.js").Application<import("pixi.js").Renderer>;
     textureMap: Map<string, Texture<import("pixi.js").TextureSource<any>>>;
-    index: import("vue").Ref<number, number>;
-    timer: number | null;
+    completedIndex: import("vue").Ref<number, number>;
+    enabledData: import("vue").ComputedRef<string[] | 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: LoadEvent) => 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: {
-            (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[];
+        type: PropType<string[] | Datum[]>;
+        required: true;
+    };
+    frameIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    url: {
+        type: StringConstructor;
+        requierd: false;
     };
     loop: {
         type: BooleanConstructor;
         default: boolean;
     };
     status: {
-        type: import("vue").PropType<TickerStatus>;
+        type: PropType<TickerStatus>;
         default: TickerStatus;
     };
     frameRate: {
         type: NumberConstructor;
         default: number;
     };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    resize: {
+        type: PropType<import("./types").Resize>;
+        default: undefined;
+    };
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSetData?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((e: 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;
 }>, {
-    data: string[];
     status: TickerStatus;
+    resize: import("./types").Resize;
+    label: string;
+    prerender: boolean;
     loop: boolean;
     frameRate: number;
+    frameIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,6 +1,11 @@
 import type { PropType } from 'vue';
+import type { Resize } from './types';
 import { TickerStatus } from '@vunk/shared/enum';
 export declare const props: {
+    url: {
+        type: StringConstructor;
+        requierd: false;
+    };
     data: {
         type: {
             (arrayLength: number): string[];
@@ -36,6 +41,21 @@ export declare const props: {
         type: NumberConstructor;
         default: number;
     };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    resize: {
+        type: PropType<Resize>;
+        default: undefined;
+    };
+    /**
+     * @description  是否在有资源时预渲染第一帧
+     */
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const emits: {
     'update:status': null;