@vunk/plus 1.10.3 → 1.11.0

package/components/index2.mjs

@@ -1,4 +1,4 @@
-import { provide, inject, watchEffect, onBeforeUnmount, defineComponent, useId, ref, onMounted, renderSlot, watch, computed, nextTick, openBlock, createElementBlock, resolveComponent, createBlock, withCtx, createVNode } from 'vue';
+import { provide, inject, watchEffect, onBeforeUnmount, defineComponent, useId, ref, onMounted, renderSlot, watch, computed, openBlock, createElementBlock, resolveComponent, createBlock, withCtx, createVNode } from 'vue';
 import { TickerStatus } from '@vunk/shared/enum';
 import { Deferred, sleep } from '@vunk/shared/promise';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
@@ -25760,7 +25760,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ApngComp = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\apng.vue"]]);
+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 _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "bitmap-generator",
@@ -25792,8 +25792,8 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
         resource: bitmap
       });
       texture.source = source;
-      resizeSprite();
       texture.update();
+      resizeSprite();
     }
     emit("load", {
       application,
@@ -25822,13 +25822,16 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
       application.ticker.add(drawFrame);
     }
     function pause() {
+      application.ticker.remove(drawFrame);
       emit("update:status", TickerStatus.paused);
     }
     function stop() {
-      emit("update:status", TickerStatus.stopped);
       application.ticker.remove(drawFrame);
+      emit("update:status", TickerStatus.stopped);
     }
     onBeforeUnmount(() => {
+      stop();
+      texture.destroy();
     });
     const __returned__ = { props, emit, sprite, resizeSprite, application, texture, updateTextureFromBitmap, drawFrame, play, pause, stop };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -25839,7 +25842,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var bitmapGenerator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\bitmap-generator.vue"]]);
+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 _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "bitmap",
@@ -25865,42 +25868,20 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
     __expose();
     const props = __props;
     const emit = __emit;
-    const compId = useId();
-    const getAlias = (key) => `${compId}-${key}`;
     const { sprite, resizeSprite, application } = useSprite(props);
-    const textureMap = /* @__PURE__ */ new Map();
-    const completedIndex = ref(0);
-    const enabledData = computed(() => {
-      return props.data.slice(completedIndex.value);
-    });
-    watchEffect(() => {
-      for (const key in enabledData.value) {
-        const theKey = +key + completedIndex.value;
-        const alias = `${compId}-${theKey}`;
-        const image = enabledData.value[key];
-        if (!image) {
-          continue;
-        }
-        if (textureMap.has(alias)) {
-          continue;
-        }
-        const source = new ImageSource({
-          resource: image
-        });
-        const texture = new Texture({
-          source
-        });
-        textureMap.set(alias, void 0);
-        nextTick(() => {
-          texture._meta = enabledData.value[key];
-          textureMap.set(alias, texture);
-          if (props.prerender && theKey === 0) {
-            sprite.texture = texture;
-            resizeSprite();
-          }
-        });
-      }
+    const texture = new Texture({
+      dynamic: true
     });
+    sprite.texture = texture;
+    function updateTextureFromBitmap(bitmap) {
+      texture.source?.destroy();
+      const source = new ImageSource({
+        resource: bitmap
+      });
+      texture.source = source;
+      texture.update();
+      resizeSprite();
+    }
     emit("load", {
       application,
       sprite
@@ -25909,40 +25890,42 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
       default: 0,
       key: "frameIndex"
     }, props, emit);
+    const lastScheduledClearIndex = ref(-1);
+    function scheduleClearFrame(frameIndex) {
+      if (frameIndex <= lastScheduledClearIndex.value)
+        return;
+      lastScheduledClearIndex.value = frameIndex;
+      Promise.resolve(sleep(500)).then(() => {
+        emit("setData", {
+          k: frameIndex,
+          v: null
+        });
+      });
+    }
     function drawFrame() {
       if (props.data.length === 0 || props.status !== TickerStatus.playing) {
         return;
       }
-      const currentTexture = textureMap.get(
-        getAlias(index.value)
-      );
-      if (currentTexture) {
-        const originTexture = sprite.texture;
+      const bitmap = props.data[index.value];
+      if (bitmap) {
         const originIndex = index.value - 1;
-        if (originTexture && originIndex >= 0) {
-          Promise.resolve(sleep(500)).then(() => {
-            originTexture.destroy(true);
-            textureMap.set(
-              getAlias(originIndex),
-              void 0
-            );
-            emit("setData", {
-              k: originIndex,
-              v: null
-            });
-            completedIndex.value = originIndex;
-          });
+        if (originIndex >= 0) {
+          scheduleClearFrame(originIndex);
         }
-        sprite.texture = currentTexture;
-        resizeSprite();
+        updateTextureFromBitmap(bitmap);
         index.value = index.value + 1;
       } else {
         console.warn(
-          `Texture for index ${index.value} not found. Ensure the texture is loaded.`
+          `Bitmap for index ${index.value} not found. Ensure the data is loaded.`
         );
         emit("notFound", index.value);
       }
     }
+    watchEffect(() => {
+      if (props.prerender && index.value === 0 && props.data.length > 0 && props.data[0]) {
+        updateTextureFromBitmap(props.data[0]);
+      }
+    });
     watch(() => props.status, (newStatus) => {
       newStatus === TickerStatus.play && play();
       newStatus === TickerStatus.pause && pause();
@@ -25959,25 +25942,21 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     }
     function pause() {
+      application.ticker.remove(drawFrame);
       emit("update:status", TickerStatus.paused);
     }
     function stop() {
-      emit("update:status", TickerStatus.stopped);
       application.ticker.remove(drawFrame);
+      emit("update:status", TickerStatus.stopped);
       emit("update:data", []);
-      textureMap.clear();
       index.value = 0;
+      lastScheduledClearIndex.value = -1;
     }
     onBeforeUnmount(() => {
-      const entries = Array.from(textureMap.entries());
-      entries.forEach(([_, texture]) => {
-        if (texture) {
-          texture.destroy(true);
-        }
-      });
       stop();
+      texture.destroy();
     });
-    const __returned__ = { props, emit, compId, getAlias, sprite, resizeSprite, application, textureMap, completedIndex, enabledData, index, drawFrame, play, pause, stop };
+    const __returned__ = { props, emit, sprite, resizeSprite, application, texture, updateTextureFromBitmap, index, lastScheduledClearIndex, scheduleClearFrame, drawFrame, play, pause, stop };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -25986,7 +25965,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
 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", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\bitmap.vue"]]);
+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 _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "core",
@@ -26164,7 +26143,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var core = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\core.vue"]]);
+var core = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/core.vue"]]);
 
 var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "provider",
@@ -26180,7 +26159,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ProviderComp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\provider.vue"]]);
+var ProviderComp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/provider.vue"]]);
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "video",
@@ -26335,7 +26314,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var VideoComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\video.vue"]]);
+var VideoComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/video.vue"]]);
 
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "view",
@@ -26377,7 +26356,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     /* NEED_PATCH */
   );
 }
-var ViewComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\view.vue"]]);
+var ViewComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/view.vue"]]);
 
 var _sfc_main = defineComponent({
   name: "VkPixiFrame",
@@ -26445,7 +26424,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-var VkPixiFrame = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\pixi-frame\\src\\index.vue"]]);
+var VkPixiFrame = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/pixi-frame/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
 	__proto__: null

package/components/lottie-animation/index.mjs

@@ -58,7 +58,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var VkLottieAnimation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\lottie-animation\\src\\index.vue"]]);
+var VkLottieAnimation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/lottie-animation/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null