@vunk/plus 1.12.2 → 1.13.0

package/components/monaco-editor/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@vueuse/core"),g=require("monaco-editor"),e=require("vue"),m=require("@vunk/core/shared/utils-vue"),h=require("../_plugin-vue_export-helper-BHFhmbuH.js"),u={modelValue:{type:String,default:""},defaultOptions:{type:Object,default:()=>({})},readOnly:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!1}},v=m.bindPropsFactory(u),c={"update:modelValue":null,load:o=>!0},b=m.onEmitsFactory(c),O=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:v,createOnEmits:b,emits:c,props:u},Symbol.toStringTag,{value:"Module"})),V=e.defineComponent({name:"VkMonacoEditor",props:u,emits:c,setup(o,{emit:l}){const a=e.ref(),n=e.ref(""),s=e.computed(()=>{if(!(!o.autoHeight||!n.value))return{height:n.value}});return e.onMounted(()=>{const t=g.editor.create(a.value,o.defaultOptions);l("load",t);function d(){if(!o.autoHeight)return;const i=`${Math.ceil(t.getContentHeight())}px`;n.value!==i&&(n.value=i,e.nextTick(()=>{t.layout()}))}const f=y.watchPausable(()=>o.modelValue,i=>{t.setValue(i)},{immediate:!0});t.onDidChangeModelContent(()=>{f.pause(),l("update:modelValue",t.getValue()),e.nextTick(()=>{f.resume()})});const _=t.onDidContentSizeChange(d);e.watchEffect(d),e.watchEffect(()=>{t.updateOptions({readOnly:o.readOnly})});const p=new ResizeObserver(()=>{t.layout()});p.observe(a.value),e.onBeforeUnmount(()=>{_.dispose(),p.disconnect(),t.dispose()})}),{editorNode:a,editorStyle:s}}});function M(o,l,a,n,s,t){return e.openBlock(),e.createElementBlock("div",{ref:"editorNode",class:"vk-monaco-editor",style:e.normalizeStyle(o.editorStyle)},null,4)}const r=h._export_sfc(V,[["render",M]]),E=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));r.install=o=>{o.component(r.name||"VkMonacoEditor",r)};exports.VkMonacoEditor=r;exports._VkMonacoEditorCtx=O;exports.__VkMonacoEditor=E;exports.default=r;

package/components/monaco-editor/index.mjs

@@ -1,10 +1,9 @@
-import { watchPausable } from '@vueuse/core';
-import { editor } from 'monaco-editor';
-import { defineComponent, ref, computed, onMounted, nextTick, watchEffect, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle } from 'vue';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
+import { watchPausable as g } from "@vueuse/core";
+import { editor as h } from "monaco-editor";
+import { defineComponent as b, ref as p, computed as v, onMounted as O, nextTick as m, watchEffect as y, onBeforeUnmount as V, createElementBlock as M, openBlock as S, normalizeStyle as k } from "vue";
+import { bindPropsFactory as E, onEmitsFactory as x } from "@vunk/core/shared/utils-vue";
+import { _ as z } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const i = {
   modelValue: {
     type: String,
     default: ""
@@ -15,117 +14,91 @@ const props = {
   },
   readOnly: {
     type: Boolean,
-    default: false
+    default: !1
   },
   autoHeight: {
     type: Boolean,
-    default: false
+    default: !1
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
+}, C = E(i), c = {
   "update:modelValue": null,
-  "load": (_editor) => true
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+  load: (t) => !0
+}, H = x(c), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-var _sfc_main = defineComponent({
+  createBindProps: C,
+  createOnEmits: H,
+  emits: c,
+  props: i
+}, Symbol.toStringTag, { value: "Module" })), j = b({
   name: "VkMonacoEditor",
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const editorNode = ref();
-    const autoHeight = ref("");
-    const editorStyle = computed(() => {
-      if (!props2.autoHeight || !autoHeight.value)
-        return void 0;
-      return {
-        height: autoHeight.value
-      };
+  props: i,
+  emits: c,
+  setup(t, { emit: r }) {
+    const n = p(), o = p(""), s = v(() => {
+      if (!(!t.autoHeight || !o.value))
+        return {
+          height: o.value
+        };
     });
-    onMounted(() => {
-      const editor$1 = editor.create(editorNode.value, props2.defaultOptions);
-      emit("load", editor$1);
-      function syncAutoHeight() {
-        if (!props2.autoHeight)
-          return;
-        const nextHeight = `${Math.ceil(editor$1.getContentHeight())}px`;
-        if (autoHeight.value === nextHeight)
+    return O(() => {
+      const e = h.create(n.value, t.defaultOptions);
+      r("load", e);
+      function u() {
+        if (!t.autoHeight)
           return;
-        autoHeight.value = nextHeight;
-        nextTick(() => {
-          editor$1.layout();
-        });
+        const a = `${Math.ceil(e.getContentHeight())}px`;
+        o.value !== a && (o.value = a, m(() => {
+          e.layout();
+        }));
       }
-      const subjectModelValueWatcher = watchPausable(
-        () => props2.modelValue,
-        (v) => {
-          editor$1.setValue(v);
+      const d = g(
+        () => t.modelValue,
+        (a) => {
+          e.setValue(a);
         },
         {
-          immediate: true
+          immediate: !0
         }
       );
-      editor$1.onDidChangeModelContent(() => {
-        subjectModelValueWatcher.pause();
-        emit("update:modelValue", editor$1.getValue());
-        nextTick(() => {
-          subjectModelValueWatcher.resume();
+      e.onDidChangeModelContent(() => {
+        d.pause(), r("update:modelValue", e.getValue()), m(() => {
+          d.resume();
         });
       });
-      const contentSizeDisposable = editor$1.onDidContentSizeChange(syncAutoHeight);
-      watchEffect(syncAutoHeight);
-      watchEffect(() => {
-        editor$1.updateOptions({
-          readOnly: props2.readOnly
+      const _ = e.onDidContentSizeChange(u);
+      y(u), y(() => {
+        e.updateOptions({
+          readOnly: t.readOnly
         });
       });
-      const resizeObserver = new ResizeObserver(() => {
-        editor$1.layout();
+      const f = new ResizeObserver(() => {
+        e.layout();
       });
-      resizeObserver.observe(editorNode.value);
-      onBeforeUnmount(() => {
-        contentSizeDisposable.dispose();
-        resizeObserver.disconnect();
-        editor$1.dispose();
+      f.observe(n.value), V(() => {
+        _.dispose(), f.disconnect(), e.dispose();
       });
-    });
-    return {
-      editorNode,
-      editorStyle
+    }), {
+      editorNode: n,
+      editorStyle: s
     };
   }
 });
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock(
-    "div",
-    {
-      ref: "editorNode",
-      class: "vk-monaco-editor",
-      style: normalizeStyle(_ctx.editorStyle)
-    },
-    null,
-    4
-    /* STYLE */
-  );
+function B(t, r, n, o, s, e) {
+  return S(), M("div", {
+    ref: "editorNode",
+    class: "vk-monaco-editor",
+    style: k(t.editorStyle)
+  }, null, 4);
 }
-var VkMonacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/monaco-editor/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const l = /* @__PURE__ */ z(j, [["render", B]]), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkMonacoEditor.install = (app) => {
-  app.component(VkMonacoEditor.name || "VkMonacoEditor", VkMonacoEditor);
+}, Symbol.toStringTag, { value: "Module" }));
+l.install = (t) => {
+  t.component(l.name || "VkMonacoEditor", l);
+};
+export {
+  l as VkMonacoEditor,
+  F as _VkMonacoEditorCtx,
+  N as __VkMonacoEditor,
+  l as default
 };
-
-export { VkMonacoEditor, ctx as _VkMonacoEditorCtx, types as __VkMonacoEditor, VkMonacoEditor as default };

package/components/monaco-editor/src/index.vue.d.ts

@@ -1,6 +1,8 @@
 import type { Ref } from 'vue';
 import { editor as mEditor } from 'monaco-editor';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -51,4 +53,3 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     defaultOptions: mEditor.IStandaloneEditorConstructionOptions;
     autoHeight: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/monaco-environment/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("monaco-editor/esm/vs/editor/editor.worker?worker"),s=require("monaco-editor/esm/vs/language/css/css.worker?worker"),i=require("monaco-editor/esm/vs/language/html/html.worker?worker"),c=require("monaco-editor/esm/vs/language/json/json.worker?worker"),u=require("monaco-editor/esm/vs/language/typescript/ts.worker?worker"),o=require("vue"),a=require("../_plugin-vue_export-helper-BHFhmbuH.js"),p=o.defineComponent({name:"VkMonacoEnvironment",setup(){return globalThis.MonacoEnvironment={getWorker(n,e){return e==="json"?new c:e==="css"||e==="scss"||e==="less"?new s:e==="html"||e==="handlebars"||e==="razor"?new i:["typescript","javascript"].includes(e)?new u:new t}},{}}});function _(n,e,m,f,k,l){return o.renderSlot(n.$slots,"default")}const r=a._export_sfc(p,[["render",_]]),d=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));r.install=n=>{n.component(r.name||"VkMonacoEnvironment",r)};exports.VkMonacoEnvironment=r;exports.__VkMonacoEnvironment=d;exports.default=r;

package/components/monaco-environment/index.mjs

@@ -1,46 +1,31 @@
-import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
-import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
-import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
-import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
-import { defineComponent, renderSlot } from 'vue';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-var _sfc_main = defineComponent({
+import e from "monaco-editor/esm/vs/editor/editor.worker?worker";
+import t from "monaco-editor/esm/vs/language/css/css.worker?worker";
+import s from "monaco-editor/esm/vs/language/html/html.worker?worker";
+import i from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import m from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+import { defineComponent as c, renderSlot as p } from "vue";
+import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const a = c({
   name: "VkMonacoEnvironment",
   setup() {
-    globalThis.MonacoEnvironment = {
-      getWorker(_, label) {
-        if (label === "json") {
-          return new JsonWorker();
-        }
-        if (label === "css" || label === "scss" || label === "less") {
-          return new CssWorker();
-        }
-        if (label === "html" || label === "handlebars" || label === "razor") {
-          return new HtmlWorker();
-        }
-        if (["typescript", "javascript"].includes(label)) {
-          return new TsWorker();
-        }
-        return new EditorWorker();
+    return globalThis.MonacoEnvironment = {
+      getWorker(o, r) {
+        return r === "json" ? new i() : r === "css" || r === "scss" || r === "less" ? new t() : r === "html" || r === "handlebars" || r === "razor" ? new s() : ["typescript", "javascript"].includes(r) ? new m() : new e();
       }
-    };
-    return {};
+    }, {};
   }
 });
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
+function u(o, r, _, d, k, v) {
+  return p(o.$slots, "default");
 }
-var VkMonacoEnvironment = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/monaco-environment/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const n = /* @__PURE__ */ f(a, [["render", u]]), j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkMonacoEnvironment.install = (app) => {
-  app.component(VkMonacoEnvironment.name || "VkMonacoEnvironment", VkMonacoEnvironment);
+}, Symbol.toStringTag, { value: "Module" }));
+n.install = (o) => {
+  o.component(n.name || "VkMonacoEnvironment", n);
+};
+export {
+  n as VkMonacoEnvironment,
+  j as __VkMonacoEnvironment,
+  n as default
 };
-
-export { VkMonacoEnvironment, types as __VkMonacoEnvironment, VkMonacoEnvironment as default };

package/components/monaco-environment/src/index.vue.d.ts

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

package/components/pixi-frame/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("@vunk/shared/enum"),D=require("@vunk/shared/promise"),ee=require("apng-js"),x=require("pixi.js"),O=require("@vunk/shared/object"),z=require("@vunk/core/composables"),te=require("../_plugin-vue_export-helper-BHFhmbuH.js"),E={url:{type:String,requierd:!1},data:{type:Array,default:()=>[]},loop:{type:Boolean,default:!1},status:{type:String,default:r.TickerStatus.pending},frameRate:{type:Number,default:25},label:{type:String,default:""},resize:{type:Function,default:void 0},prerender:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},$={"update:status":null,"update:data":null,setData:null},L=Symbol("appInjectKey");function ae(){const n=new x.Application,m=new D.Deferred,e={whenDef:m,when:()=>m.promise};return t.provide(L,{application:n,context:e}),{application:n,context:e}}function N(){const n=t.inject(L);if(!n)throw new Error("Pixi app not provided");return n}function I(n){const m=n.autoResize??!0,e=n.resize??v,{application:a,context:_}=N(),c=new x.Sprite;a.stage.addChild(c),t.watchEffect(()=>{c.visible=n.visible??!0}),t.watchEffect(()=>{n.label&&(c.label=n.label)}),m&&_.when().then(k=>{c.texture&&(h(),k.renderer.on("resize",h))});function h(){if(!a.renderer?.screen)return;const k=c.texture._meta;e({application:a,sprite:c,meta:k})}t.onBeforeUnmount(()=>{a.renderer.off("resize",h),a.stage.removeChild(c)});function v(){const k=a.screen.width/c.texture.width,s=a.screen.height/c.texture.height,T=Math.min(k,s);c.scale.set(T),c.x=(a.screen.width-c.width)/2,c.y=(a.screen.height-c.height)/2}return{sprite:c,resizeSprite:h,application:a}}const G=t.defineComponent({__name:"apng",props:{...E,url:{type:String,required:!0}},emits:$,setup(n,{emit:m}){const e=n,a=m,_=t.useId(),c=u=>`${_}-apng-frame-${u}`,{sprite:h,resizeSprite:v}=I(e),k=t.ref([]),s=t.ref(0),T=t.ref(!1),g=t.ref(""),l=new Map;let i=null,d=null,F=null;t.onMounted(()=>b(e.url));function C(u,w){return d||(d=document.createElement("canvas"),F=d.getContext("2d",{willReadFrequently:!0})),(d.width!==u||d.height!==w)&&(d.width=u,d.height=w),{canvas:d,ctx:F}}async function b(u){try{g.value="",T.value=!1,await S();const w=await fetch(u);if(!w.ok)throw new Error(`加载APNG失败: ${w.status}`);const A=await w.arrayBuffer(),P=ee(A);if(P instanceof Error)throw new TypeError(`APNG解析失败: ${P.message}`);const{canvas:B,ctx:q}=C(P.width,P.height),X=P.frames.map(async(M,U)=>{q.clearRect(0,0,B.width,B.height),await M.createImage();const J=M.imageElement;q.drawImage(J,M.left,M.top);const Q=q.getImageData(0,0,B.width,B.height),V=c(U);l.set(V,void 0),q.putImageData(Q,0,0);const Z=B.toDataURL();x.Assets.add({alias:V,src:Z});const j=await x.Assets.load(V);return l.set(V,j),U===0&&(h.texture=j,v()),V});k.value=await Promise.all(X),T.value=!0}catch(w){console.error("加载APNG失败:",w),g.value=w instanceof Error?w.message:"加载APNG失败",a("update:status",r.TickerStatus.stopped)}}function y(){i===null&&(i=window.setInterval(()=>{if(k.value.length===0||e.status!==r.TickerStatus.playing)return;const u=l.get(c(s.value));if(u){const w=s.value-1;w>=0&&!e.loop&&Promise.resolve().then(()=>D.sleep(500)).then(()=>{x.Assets.unload(c(w)),l.delete(c(w))}),h.texture=u,v(),s.value=e.loop?(s.value+1)%k.value.length:s.value+1}else e.loop||a("update:status",r.TickerStatus.paused)},1e3/e.frameRate))}function p(){!T.value||k.value.length<=1||(a("update:status",r.TickerStatus.playing),y())}function o(){i!==null&&(clearInterval(i),i=null),a("update:status",r.TickerStatus.paused)}function f(){i!==null&&(clearInterval(i),i=null),s.value=0;const u=l.get(c(0));u&&(h.texture=u,v()),a("update:status",r.TickerStatus.stopped)}async function S(){i!==null&&(clearInterval(i),i=null);const u=[];for(const[w,A]of l)A&&A!==x.Texture.EMPTY&&u.push(x.Assets.unload(w));await Promise.all(u),l.clear(),k.value=[],s.value=0,T.value=!1,g.value="",d&&(d.width=0,d.height=0)}return t.watchEffect(()=>{switch(e.status){case r.TickerStatus.play:p();break;case r.TickerStatus.pause:o();break;case r.TickerStatus.stop:f();break}}),t.onBeforeUnmount(async()=>{await S(),d=null,F=null}),(u,w)=>t.renderSlot(u.$slots,"default")}}),ne=t.defineComponent({__name:"bitmap-generator",props:{...O.pickObject(E,{excludes:["loop"]}),generator:{type:Object,required:!0}},emits:{"update:status":null,load:n=>n},setup(n,{emit:m}){const e=n,a=m,{sprite:_,resizeSprite:c,application:h}=I(e),v=new x.Texture({dynamic:!0});_.texture=v;function k(i){v.source.destroy();const d=new x.ImageSource({resource:i});v.source=d,v.update(),c()}a("load",{application:h,sprite:_}),t.watch(()=>e.status,i=>{i===r.TickerStatus.play&&T(),i===r.TickerStatus.pause&&g(),i===r.TickerStatus.stop&&l()},{immediate:!0});function s(){e.status===r.TickerStatus.playing&&e.generator.next().then(({value:i,done:d})=>{if(d)return a("update:status",r.TickerStatus.stopped);k(i)})}function T(){h.ticker.minFPS=e.frameRate,h.ticker.maxFPS=e.frameRate,a("update:status",r.TickerStatus.playing),h.ticker.add(s)}function g(){h.ticker.remove(s),a("update:status",r.TickerStatus.paused)}function l(){h.ticker.remove(s),a("update:status",r.TickerStatus.stopped)}return t.onBeforeUnmount(()=>{l(),v.destroy()}),(i,d)=>t.renderSlot(i.$slots,"default")}}),K=t.defineComponent({__name:"bitmap",props:{...O.pickObject(E,{excludes:["loop"]}),data:{type:void 0,required:!0},frameIndex:{type:Number}},emits:{...$,load:n=>n,"update:frameIndex":null,notFound:n=>!0},setup(n,{emit:m}){const e=n,a=m,{sprite:_,resizeSprite:c,application:h}=I(e),v=new x.Texture({dynamic:!0});_.texture=v;function k(o){v.source?.resource?.close(),v.source?.destroy();const f=new x.ImageSource({resource:o});v.source=f,v.update(),c()}a("load",{application:h,sprite:_});const s=z.useModelComputed({default:0,key:"frameIndex"},e,a),T=t.ref(-1);function g(o){o<=T.value||(T.value=o,D.sleep(0).then(()=>{a("setData",{k:o,v:null})}))}let l=null,i=0,d=0,F=0;function C(){if(l!==null)return;i=performance.now(),F=i,d=0;function o(){const S=performance.now(),u=1e3/e.frameRate,w=S-i;if(w>=u){i=S-w%u,f(),d++;const A=S-F;if(A>=1e3){const P=Math.round(d*1e3/A);console.log(`[Bitmap] FPS: ${P}`),d=0,F=S}}e.status===r.TickerStatus.playing?l=requestAnimationFrame(o):l=null}function f(){if(e.data.length===0||e.status!==r.TickerStatus.playing)return;const S=e.data[s.value];if(S){const u=s.value-1;u>=0&&g(u),k(S),s.value=s.value+1}else console.warn(`Bitmap for index ${s.value} not found. Ensure the data is loaded.`),a("notFound",s.value)}l=requestAnimationFrame(o)}t.watchEffect(()=>{e.prerender&&s.value===0&&e.data.length>0&&e.data[0]&&k(e.data[0])}),t.watch(()=>e.status,o=>{o===r.TickerStatus.play&&b(),o===r.TickerStatus.pause&&y(),o===r.TickerStatus.stop&&p()},{immediate:!0});function b(){e.data.length>0?(a("update:status",r.TickerStatus.playing),C()):a("update:status",r.TickerStatus.stopped)}function y(){a("update:status",r.TickerStatus.paused)}function p(){a("update:status",r.TickerStatus.stopped),l!==null&&(cancelAnimationFrame(l),l=null),a("update:data",[]),s.value=0,T.value=-1}return t.onBeforeUnmount(()=>{p(),v.destroy()}),(o,f)=>t.renderSlot(o.$slots,"default")}}),re=t.defineComponent({__name:"buffer-image",props:{...O.pickObject(E,{excludes:["loop"]}),data:{type:Array,required:!0},format:{type:String,default:"rgba8unorm"},frameIndex:{type:Number},height:{type:Number,required:!0},width:{type:Number,required:!0}},emits:{...$,load:n=>n,"update:frameIndex":null,notFound:n=>!0},setup(n,{emit:m}){const e=n,a=m,{sprite:_,resizeSprite:c,application:h}=I(e),v=new x.Texture({dynamic:!0});_.texture=v;function k(o){v.source?.destroy();const f=new x.BufferImageSource({resource:o,height:e.height,width:e.width,format:e.format});v.source=f,v.update(),c()}a("load",{application:h,sprite:_});const s=z.useModelComputed({default:0,key:"frameIndex"},e,a),T=t.ref(-1);function g(o){o<=T.value||(T.value=o,D.sleep(0).then(()=>{a("setData",{k:o,v:null})}))}let l=null,i=0,d=0,F=0;function C(){if(l!==null)return;i=performance.now(),F=i,d=0;function o(){const S=performance.now(),u=1e3/e.frameRate,w=S-i;if(w>=u){i=S-w%u,f(),d++;const A=S-F;if(A>=1e3){const P=Math.round(d*1e3/A);console.log(`[Bitmap] FPS: ${P}`),d=0,F=S}}e.status===r.TickerStatus.playing?l=requestAnimationFrame(o):l=null}function f(){if(e.data.length===0||e.status!==r.TickerStatus.playing)return;const S=e.data[s.value];if(S){const u=s.value-1;u>=0&&g(u),k(S),s.value=s.value+1}else console.warn(`Bitmap for index ${s.value} not found. Ensure the data is loaded.`),a("notFound",s.value)}l=requestAnimationFrame(o)}t.watchEffect(()=>{e.prerender&&s.value===0&&e.data.length>0&&e.data[0]&&k(e.data[0])}),t.watch(()=>e.status,o=>{o===r.TickerStatus.play&&b(),o===r.TickerStatus.pause&&y(),o===r.TickerStatus.stop&&p()},{immediate:!0});function b(){e.data.length>0?(a("update:status",r.TickerStatus.playing),C()):a("update:status",r.TickerStatus.stopped)}function y(){a("update:status",r.TickerStatus.paused)}function p(){a("update:status",r.TickerStatus.stopped),l!==null&&(cancelAnimationFrame(l),l=null),a("update:data",[]),s.value=0,T.value=-1}return t.onBeforeUnmount(()=>{p(),v.destroy()}),(o,f)=>t.renderSlot(o.$slots,"default")}}),se=t.defineComponent({__name:"core",props:{...E,data:{type:void 0,required:!0},frameIndex:{type:Number}},emits:{...$,load:n=>n,"update:frameIndex":null,notFound:n=>!0},setup(n,{emit:m}){const e=n,a=m,_=t.useId(),c=p=>`${_}-${p}`,{sprite:h,resizeSprite:v,application:k}=I(e),s=new Map,T=t.ref(0),g=t.computed(()=>e.data.slice(T.value));t.watchEffect(()=>{for(const p in g.value){const o=+p+T.value,f=`${_}-${o}`,S=typeof g.value[p]=="string"?g.value[p]:g.value[p]?.src;S&&(s.has(f)||(x.Assets.add({alias:f,src:S,loadParser:"loadTextures"}),s.set(f,void 0),x.Assets.load(f).then(u=>{u._meta=g.value[p],s.set(f,u),e.prerender&&o===0&&(h.texture=u,v())})))}}),a("load",{application:k,sprite:h});const l=z.useModelComputed({default:0,key:"frameIndex"},e,a);let i=null,d=0;function F(){if(i!==null)return;d=performance.now();function p(){const f=performance.now(),S=1e3/e.frameRate,u=f-d;u>=S&&(d=f-u%S,o()),e.status===r.TickerStatus.playing?i=requestAnimationFrame(p):i=null}function o(){if(e.data.length===0||e.status!==r.TickerStatus.playing)return;const f=s.get(c(l.value));if(f){const S=h.texture,u=l.value-1;S&&u>=0&&!e.loop&&Promise.resolve(D.sleep(500)).then(()=>x.Assets.unload(c(u))).then(()=>{s.set(c(u),void 0),a("setData",{k:u,v:""}),T.value=u}),h.texture=f,v(),l.value=e.loop?(l.value+1)%e.data.length:l.value+1}else console.warn(`Texture for index ${l.value} not found. Ensure the texture is loaded.`),a("notFound",l.value),e.loop||a("update:status",r.TickerStatus.paused)}i=requestAnimationFrame(p)}t.watch(()=>e.status,p=>{p===r.TickerStatus.play&&C(),p===r.TickerStatus.pause&&b(),p===r.TickerStatus.stop&&y()},{immediate:!0});function C(){e.data.length>0?(a("update:status",r.TickerStatus.playing),F()):a("update:status",r.TickerStatus.stopped)}function b(){a("update:status",r.TickerStatus.paused)}function y(){a("update:status",r.TickerStatus.stopped),i!==null&&(cancelAnimationFrame(i),i=null),a("update:data",[]),s.clear(),l.value=0}return t.onBeforeUnmount(()=>{Array.from(s.entries()).forEach(([o,f])=>{f&&x.Assets.unload(o)}),y()}),(p,o)=>t.renderSlot(p.$slots,"default")}}),H=t.defineComponent({__name:"provider",setup(n){return ae(),(m,e)=>t.renderSlot(m.$slots,"default")}}),Y=t.defineComponent({__name:"video",props:{...E,url:{type:String,required:!0}},emits:$,setup(n,{emit:m}){const e=n,a=m,_=t.useId(),c=()=>`${_}-video`,{sprite:h,resizeSprite:v}=I(e),k=t.ref(),s=t.computed(()=>{if(k.value?.source&&k.value.source.resource){const y=k.value.source.resource;if(y instanceof HTMLVideoElement)return y}return null}),T=z.useDeferred(),g=t.ref("");T.promise.then(()=>{e.status===r.TickerStatus.play&&F()}),t.watchEffect(()=>{s.value&&(s.value.loop=e.loop)}),t.onMounted(()=>l(e.url));async function l(y){try{g.value="";const p=c();x.Assets.cache.has(p)&&await x.Assets.unload(p),x.Assets.add({alias:p,src:y});const o=await x.Assets.load(p);return k.value=o,h.texture=o,s.value&&(s.value.loop=e.loop,s.value.muted=!0,s.value.crossOrigin="anonymous",i(s.value),T.resolve()),v(),o}catch(p){return console.error("加载视频纹理失败:",p),g.value="视频加载失败",null}}function i(y){y.addEventListener("play",()=>{e.status!==r.TickerStatus.playing&&a("update:status",r.TickerStatus.playing)}),y.addEventListener("pause",()=>{e.status!==r.TickerStatus.paused&&a("update:status",r.TickerStatus.paused)}),y.addEventListener("ended",()=>{e.loop?(y.currentTime=0,y.play()):a("update:status",r.TickerStatus.stopped)}),y.addEventListener("error",p=>{const o=y.error;let f="视频播放失败";if(o)switch(o.code){case o.MEDIA_ERR_ABORTED:f="视频播放被中止";break;case o.MEDIA_ERR_NETWORK:f="网络错误导致视频播放失败";break;case o.MEDIA_ERR_DECODE:f="视频解码失败";break;case o.MEDIA_ERR_SRC_NOT_SUPPORTED:f="不支持的视频格式";break}console.error("视频播放错误:",f,p),g.value=f,a("update:status",r.TickerStatus.stopped)})}async function d(){if(k.value){const y=c();k.value.destroy(!0),k.value=void 0,x.Assets.cache.has(y)&&await x.Assets.unload(y)}g.value=""}t.watchEffect(()=>{e.status===r.TickerStatus.play&&F(),e.status===r.TickerStatus.pause&&C(),e.status===r.TickerStatus.stop&&b()}),t.onBeforeUnmount(()=>{d()});function F(){s.value&&s.value.play().catch(y=>{console.error("视频播放失败:",y),g.value="视频播放失败"})}function C(){s.value?.pause()}function b(){s.value&&(s.value.pause(),s.value.currentTime=0),a("update:status",r.TickerStatus.stopped)}return(y,p)=>t.renderSlot(y.$slots,"default")}}),W=t.defineComponent({__name:"view",props:{defaultOptions:{type:Object,default:()=>({})}},setup(n){const m=n,{application:e,context:a}=N(),_=t.ref();return t.onMounted(async()=>{await e.init({resizeTo:_.value,...m.defaultOptions}),a.whenDef.resolve(e),_.value.appendChild(e.canvas)}),(c,h)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"appRef",ref:_,class:"vk-pixi-frame"},null,512))}}),oe=t.defineComponent({name:"VkPixiFrame",components:{ApngComp:G,ProviderComp:H,ViewComp:W,VideoComp:Y,Bitmap:K},props:E,emits:$,setup(n){const m=t.computed(()=>{if(!n.url)return!1;const a=n.url.toLowerCase();return a.includes(".png")&&!a.includes(".mp4")&&!a.includes(".webm")}),e=t.computed(()=>{if(!n.url)return!1;const a=n.url.toLowerCase();return a.includes(".mp4")||a.includes(".webm")||a.includes(".mov")});return{isApng:m,isVideo:e}}});function ue(n,m,e,a,_,c){const h=t.resolveComponent("ViewComp"),v=t.resolveComponent("ApngComp"),k=t.resolveComponent("VideoComp"),s=t.resolveComponent("Bitmap"),T=t.resolveComponent("ProviderComp");return t.openBlock(),t.createBlock(T,null,{default:t.withCtx(()=>[t.createVNode(h),n.isApng&&n.url?(t.openBlock(),t.createBlock(v,{key:0,url:n.url,loop:n.loop,status:n.status,"onUpdate:status":m[0]||(m[0]=g=>n.$emit("update:status",g))},null,8,["url","loop","status"])):n.isVideo&&n.url?(t.openBlock(),t.createBlock(k,{key:1,url:n.url,loop:n.loop,status:n.status,"onUpdate:status":m[1]||(m[1]=g=>n.$emit("update:status",g))},null,8,["url","loop","status"])):(t.openBlock(),t.createBlock(s,{key:2,data:n.data,loop:n.loop,status:n.status,onSetData:m[2]||(m[2]=g=>n.$emit("setData",g)),"onUpdate:status":m[3]||(m[3]=g=>n.$emit("update:status",g))},null,8,["data","loop","status"]))]),_:1})}const R=te._export_sfc(oe,[["render",ue]]),ie=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));R.install=n=>{n.component(R.name||"VkPixiFrame",R)};Object.defineProperty(exports,"TickerStatus",{enumerable:!0,get:()=>r.TickerStatus});exports.VkPixiFrame=R;exports.VkPixiFrameApng=G;exports.VkPixiFrameBitmap=K;exports.VkPixiFrameBitmapGenerator=ne;exports.VkPixiFrameBufferImage=re;exports.VkPixiFrameCore=se;exports.VkPixiFrameProvider=H;exports.VkPixiFrameVideo=Y;exports.VkPixiFrameView=W;exports.__VkPixiFrame=ie;exports.default=R;exports.usePixiApp=N;exports.useSprite=I;