@vunk/plus 1.11.6 → 1.11.8

package/components/chat-independent/src/index.vue.d.ts

@@ -1823,6 +1823,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: ObjectConstructor;
             default: () => {};
         };
+        attachmentsPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fileList: {
@@ -1887,6 +1891,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: ObjectConstructor;
                 default: () => {};
             };
+            attachmentsPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{
             onCancel?: ((...args: any[]) => any) | undefined;
             onSubmit?: ((_: string) => any) | undefined;
@@ -2382,6 +2390,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: ObjectConstructor;
             default: () => {};
         };
+        attachmentsPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onSubmit?: ((_: string) => any) | undefined;
@@ -2403,6 +2415,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             maxRows?: number;
         };
         attachmentsProps: Record<string, any>;
+        attachmentsPlaceholder: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly VkKeyboardAvatar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;

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

@@ -1,6 +1,7 @@
 import VkPixiFrameApng from './src/apng.vue';
 import VkPixiFrameBitmapGenerator from './src/bitmap-generator.vue';
 import VkPixiFrameBitmap from './src/bitmap.vue';
+import VkPixiFrameBufferImage from './src/buffer-image.vue';
 import VkPixiFrameCore from './src/core.vue';
 import VkPixiFrame from './src/index.vue';
 import VkPixiFrameProvider from './src/provider.vue';
@@ -10,5 +11,5 @@ export * as __VkPixiFrame from './src/types';
 export { usePixiApp } from './src/use';
 export { useSprite } from './src/useSprite';
 export { TickerStatus } from '@vunk/shared/enum';
-export { VkPixiFrame, VkPixiFrameApng, VkPixiFrameBitmap, VkPixiFrameBitmapGenerator, VkPixiFrameCore, VkPixiFrameProvider, VkPixiFrameVideo, VkPixiFrameView, };
+export { VkPixiFrame, VkPixiFrameApng, VkPixiFrameBitmap, VkPixiFrameBitmapGenerator, VkPixiFrameBufferImage, VkPixiFrameCore, VkPixiFrameProvider, VkPixiFrameVideo, VkPixiFrameView, };
 export default VkPixiFrame;

package/components/pixi-frame/index.mjs

@@ -3,7 +3,7 @@ import { TickerStatus } from '@vunk/shared/enum';
 export { TickerStatus } from '@vunk/shared/enum';
 import { Deferred, sleep } from '@vunk/shared/promise';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from '../_commonjsHelpers.mjs';
-import { Application, Sprite, Assets, Texture, ImageSource } from 'pixi.js';
+import { Application, Sprite, Assets, Texture, ImageSource, BufferImageSource } from 'pixi.js';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import { pickObject } from '@vunk/shared/object';
 import { useModelComputed, useDeferred } from '@vunk/core/composables';
@@ -1116,7 +1116,7 @@ function useSprite(props) {
   };
 }
 
-var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "apng",
   props: {
     ...props,
@@ -1309,12 +1309,12 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ApngComp = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/apng.vue"]]);
+var ApngComp = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/apng.vue"]]);
 
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "bitmap-generator",
   props: {
     ...pickObject(props, {
@@ -1339,7 +1339,6 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     sprite.texture = texture;
     function updateTextureFromBitmap(bitmap) {
-      texture.source.resource?.close();
       texture.source.destroy();
       const source = new ImageSource({
         resource: bitmap
@@ -1392,12 +1391,12 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var bitmapGenerator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/bitmap-generator.vue"]]);
+var bitmapGenerator = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/bitmap-generator.vue"]]);
 
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "bitmap",
   props: {
     ...pickObject(props, {
@@ -1449,7 +1448,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (frameIndex <= lastScheduledClearIndex.value)
         return;
       lastScheduledClearIndex.value = frameIndex;
-      Promise.resolve(sleep(500)).then(() => {
+      sleep(0).then(() => {
         emit("setData", {
           k: frameIndex,
           v: null
@@ -1566,10 +1565,202 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+var Bitmap = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/bitmap.vue"]]);
+
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "buffer-image",
+  props: {
+    ...pickObject(props, {
+      excludes: ["loop"]
+    }),
+    data: {
+      type: Array,
+      required: true
+    },
+    /**
+     * Pixel format for BufferImageSource.
+     * Default to rgba8unorm for broadest compatibility (WebGL often ignores format hints).
+     */
+    format: {
+      type: String,
+      default: "rgba8unorm"
+    },
+    frameIndex: {
+      type: Number
+    },
+    height: {
+      type: Number,
+      required: true
+    },
+    width: {
+      type: Number,
+      required: true
+    }
+  },
+  emits: {
+    ...emits,
+    "load": (e) => e,
+    "update:frameIndex": null,
+    "notFound": (_index) => true
+  },
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const { sprite, resizeSprite, application } = useSprite(props);
+    const texture = new Texture({
+      dynamic: true
+    });
+    sprite.texture = texture;
+    function updateTexture(resource) {
+      texture.source?.destroy();
+      const source = new BufferImageSource({
+        resource,
+        height: props.height,
+        width: props.width,
+        format: props.format
+      });
+      texture.source = source;
+      texture.update();
+      resizeSprite();
+    }
+    emit("load", {
+      application,
+      sprite
+    });
+    const index = useModelComputed({
+      default: 0,
+      key: "frameIndex"
+    }, props, emit);
+    const lastScheduledClearIndex = ref(-1);
+    function scheduleClearFrame(frameIndex) {
+      if (frameIndex <= lastScheduledClearIndex.value)
+        return;
+      lastScheduledClearIndex.value = frameIndex;
+      sleep(0).then(() => {
+        emit("setData", {
+          k: frameIndex,
+          v: null
+        });
+      });
+    }
+    let animationId = null;
+    let lastFrameTime = 0;
+    let frameCount = 0;
+    let lastFpsUpdateTime = 0;
+    function startFrameLoop() {
+      if (animationId !== null)
+        return;
+      lastFrameTime = performance.now();
+      lastFpsUpdateTime = lastFrameTime;
+      frameCount = 0;
+      function renderFrame() {
+        const now = performance.now();
+        const frameDuration = 1e3 / props.frameRate;
+        const delta = now - lastFrameTime;
+        if (delta >= frameDuration) {
+          lastFrameTime = now - delta % frameDuration;
+          drawFrame();
+          frameCount++;
+          const elapsed = now - lastFpsUpdateTime;
+          if (elapsed >= 1e3) {
+            const currentFps = Math.round(frameCount * 1e3 / elapsed);
+            console.log(`[Bitmap] FPS: ${currentFps}`);
+            frameCount = 0;
+            lastFpsUpdateTime = now;
+          }
+        }
+        if (props.status === TickerStatus.playing) {
+          animationId = requestAnimationFrame(renderFrame);
+        } else {
+          animationId = null;
+        }
+      }
+      function drawFrame() {
+        if (props.data.length === 0 || props.status !== TickerStatus.playing) {
+          return;
+        }
+        const bitmap = props.data[index.value];
+        if (bitmap) {
+          const originIndex = index.value - 1;
+          if (originIndex >= 0) {
+            scheduleClearFrame(originIndex);
+          }
+          updateTexture(bitmap);
+          index.value = index.value + 1;
+        } else {
+          console.warn(
+            `Bitmap for index ${index.value} not found. Ensure the data is loaded.`
+          );
+          emit("notFound", index.value);
+        }
+      }
+      animationId = requestAnimationFrame(renderFrame);
+    }
+    watchEffect(() => {
+      if (props.prerender && index.value === 0 && props.data.length > 0 && props.data[0]) {
+        updateTexture(props.data[0]);
+      }
+    });
+    watch(() => props.status, (newStatus) => {
+      newStatus === TickerStatus.play && play();
+      newStatus === TickerStatus.pause && pause();
+      newStatus === TickerStatus.stop && stop();
+    }, { immediate: true });
+    function play() {
+      if (props.data.length > 0) {
+        emit("update:status", TickerStatus.playing);
+        startFrameLoop();
+      } else {
+        emit("update:status", TickerStatus.stopped);
+      }
+    }
+    function pause() {
+      emit("update:status", TickerStatus.paused);
+    }
+    function stop() {
+      emit("update:status", TickerStatus.stopped);
+      if (animationId !== null) {
+        cancelAnimationFrame(animationId);
+        animationId = null;
+      }
+      emit("update:data", []);
+      index.value = 0;
+      lastScheduledClearIndex.value = -1;
+    }
+    onBeforeUnmount(() => {
+      stop();
+      texture.destroy();
+    });
+    const __returned__ = { props, emit, sprite, resizeSprite, application, texture, updateTexture, index, lastScheduledClearIndex, scheduleClearFrame, get animationId() {
+      return animationId;
+    }, set animationId(v) {
+      animationId = v;
+    }, get lastFrameTime() {
+      return lastFrameTime;
+    }, set lastFrameTime(v) {
+      lastFrameTime = v;
+    }, get frameCount() {
+      return frameCount;
+    }, set frameCount(v) {
+      frameCount = v;
+    }, get lastFpsUpdateTime() {
+      return lastFpsUpdateTime;
+    }, set lastFpsUpdateTime(v) {
+      lastFpsUpdateTime = v;
+    }, startFrameLoop, play, pause, stop };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Bitmap = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/bitmap.vue"]]);
+var bufferImage = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/buffer-image.vue"]]);
 
 var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "core",
@@ -2038,4 +2229,4 @@ VkPixiFrame.install = (app) => {
   app.component(VkPixiFrame.name || "VkPixiFrame", VkPixiFrame);
 };
 
-export { VkPixiFrame, ApngComp as VkPixiFrameApng, Bitmap as VkPixiFrameBitmap, bitmapGenerator as VkPixiFrameBitmapGenerator, core as VkPixiFrameCore, ProviderComp as VkPixiFrameProvider, VideoComp as VkPixiFrameVideo, ViewComp as VkPixiFrameView, types as __VkPixiFrame, VkPixiFrame as default, usePixiApp, useSprite };
+export { VkPixiFrame, ApngComp as VkPixiFrameApng, Bitmap as VkPixiFrameBitmap, bitmapGenerator as VkPixiFrameBitmapGenerator, bufferImage as VkPixiFrameBufferImage, core as VkPixiFrameCore, ProviderComp as VkPixiFrameProvider, VideoComp as VkPixiFrameVideo, ViewComp as VkPixiFrameView, types as __VkPixiFrame, VkPixiFrame as default, usePixiApp, useSprite };

package/components/pixi-frame/src/buffer-image.vue.d.ts

@@ -0,0 +1,211 @@
+import type { TEXTURE_FORMATS } from 'pixi.js';
+import type { PropType } from 'vue';
+import type { LoadEvent } from './types';
+import { TickerStatus } from '@vunk/shared/enum';
+import { Texture } from 'pixi.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    /**
+     * Pixel format for BufferImageSource.
+     * Default to rgba8unorm for broadest compatibility (WebGL often ignores format hints).
+     */
+    format: {
+        type: PropType<TEXTURE_FORMATS>;
+        default: TEXTURE_FORMATS;
+    };
+    frameIndex: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: PropType<import("./types").Resize>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    status: {
+        type: PropType<TickerStatus>;
+        default: TickerStatus;
+    };
+    url: {
+        type: StringConstructor;
+        requierd: false;
+    };
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    frameRate: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        /**
+         * Pixel format for BufferImageSource.
+         * Default to rgba8unorm for broadest compatibility (WebGL often ignores format hints).
+         */
+        format: {
+            type: PropType<TEXTURE_FORMATS>;
+            default: TEXTURE_FORMATS;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+        };
+        height: {
+            type: NumberConstructor;
+            required: true;
+        };
+        width: {
+            type: NumberConstructor;
+            required: true;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        resize: {
+            type: PropType<import("./types").Resize>;
+            default: undefined;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        status: {
+            type: PropType<TickerStatus>;
+            default: TickerStatus;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onLoad?: ((e: LoadEvent) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => 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: "load", e: LoadEvent) => void) & ((event: "update:status", ...args: any[]) => void) & ((event: "setData", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void) & ((event: "update:frameIndex", ...args: any[]) => void) & ((event: "notFound", _index: number) => void);
+    sprite: import("pixi.js").Sprite;
+    resizeSprite: () => void;
+    application: import("pixi.js").Application<import("pixi.js").Renderer>;
+    texture: Texture<import("pixi.js").TextureSource<any>>;
+    updateTexture: (resource: any) => void;
+    index: import("vue").WritableComputedRef<number, number>;
+    lastScheduledClearIndex: import("vue").Ref<number, number>;
+    scheduleClearFrame: (frameIndex: number) => void;
+    animationId: number | null;
+    lastFrameTime: number;
+    frameCount: number;
+    lastFpsUpdateTime: 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: ArrayConstructor;
+        required: true;
+    };
+    /**
+     * Pixel format for BufferImageSource.
+     * Default to rgba8unorm for broadest compatibility (WebGL often ignores format hints).
+     */
+    format: {
+        type: PropType<TEXTURE_FORMATS>;
+        default: TEXTURE_FORMATS;
+    };
+    frameIndex: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: PropType<import("./types").Resize>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    status: {
+        type: PropType<TickerStatus>;
+        default: TickerStatus;
+    };
+    url: {
+        type: StringConstructor;
+        requierd: false;
+    };
+    prerender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    frameRate: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onLoad?: ((e: LoadEvent) => any) | undefined;
+    "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+    onSetData?: ((...args: any[]) => any) | undefined;
+    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:frameIndex"?: ((...args: any[]) => any) | undefined;
+    onNotFound?: ((_index: number) => any) | undefined;
+}>, {
+    visible: boolean;
+    resize: import("./types").Resize;
+    label: string;
+    status: TickerStatus;
+    prerender: boolean;
+    frameRate: number;
+    format: TEXTURE_FORMATS;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/sender/index.mjs

@@ -84,6 +84,10 @@ const props = {
   attachmentsProps: {
     type: Object,
     default: () => ({})
+  },
+  attachmentsPlaceholder: {
+    type: String,
+    default: "\u70B9\u51FB\u4E0A\u4F20\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u5904"
   }
 };
 const emits = {
@@ -272,7 +276,7 @@ var _sfc_main = /* @__PURE__ */defineComponent({
         return {
           icon: createVNode(CloudUploadOutlined, null, null),
           title: "\u4E0A\u4F20\u6587\u4EF6",
-          description: "\u70B9\u51FB\u4E0A\u4F20\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u5904"
+          description: props.attachmentsPlaceholder
         };
       }
     };

package/components/sender/src/ctx.d.ts

@@ -97,6 +97,10 @@ export declare const props: {
         type: ObjectConstructor;
         default: () => {};
     };
+    attachmentsPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
 };
 export declare const emits: {
     'update:fileList': (_: UploadFile[]) => boolean;

package/components/sender/src/index.vue.d.ts

@@ -65,6 +65,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
         default: () => {};
     };
+    attachmentsPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fileList: {
@@ -129,6 +133,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: ObjectConstructor;
             default: () => {};
         };
+        attachmentsPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onSubmit?: ((_: string) => any) | undefined;
@@ -624,6 +632,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
         default: () => {};
     };
+    attachmentsPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((_: string) => any) | undefined;
@@ -645,5 +657,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         maxRows?: number;
     };
     attachmentsProps: Record<string, any>;
+    attachmentsPlaceholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.11.6",
+  "version": "1.11.8",
   "description": "",
   "author": "",
   "license": "ISC",