@shijiu/jsview-vue 2.2.35 → 2.2.201

package/bin/browser/BrowserApic.vue.mjs

@@ -39,6 +39,7 @@ const _sfc_main = {
   },
   setup(__props, { expose }) {
     const props = __props;
+    const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
     const loadImage = (url) => {
       return new Promise((resolve, reject) => {
         let xhr = new XMLHttpRequest();
@@ -82,13 +83,13 @@ const _sfc_main = {
     const play = () => {
       viewer?.play(props.loopType, props.loopInfo);
     };
-    const stop = () => {
-      viewer?.stop();
+    const stop = (frameCount = -1) => {
+      viewer?.stop(frameCount);
     };
     onMounted(() => {
       let domLayoutView = canvasProxyRef.value.jsvGetProxyView();
       domLayoutView.RegisterOnProxyReady(() => {
-        let canvas = window.originDocument.createElement("canvas");
+        let canvas = renderDocument.createElement("canvas");
         canvas.style.width = props.style.width + "px";
         canvas.style.height = props.style.height + "px";
         domLayoutView.HtmlGetElement().appendChild(canvas);

package/bin/browser/BrowserApic2.vue.mjs

@@ -28,6 +28,7 @@ const _sfc_main = {
   setup(__props, { expose }) {
     const props = __props;
     let waitForPlayInfo = null;
+    const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
     const loadImage = (url) => {
       return new Promise((resolve, reject) => {
         let xhr = new XMLHttpRequest();
@@ -71,7 +72,7 @@ const _sfc_main = {
     onMounted(() => {
       let domLayoutView = canvasProxyRef.value.jsvGetProxyView();
       domLayoutView.RegisterOnProxyReady(() => {
-        let canvas = window.originDocument.createElement("canvas");
+        let canvas = renderDocument.createElement("canvas");
         canvas.style.width = props.style.width + "px";
         canvas.style.height = props.style.height + "px";
         domLayoutView.HtmlGetElement().appendChild(canvas);
@@ -101,8 +102,8 @@ const _sfc_main = {
         waitForPlayInfo = args;
         viewer?.play(...args);
       },
-      stop: () => {
-        viewer?.stop();
+      stop: (frameCount = -1) => {
+        viewer?.stop(frameCount);
       }
     });
     return (_ctx, _cache) => {

package/bin/browser/BrowserApicLib.mjs

@@ -148,6 +148,7 @@ class Viewer {
     this._Listener = listener;
     this._TimeoutId = -1;
     this._EndState = ApicEndState.LAST_FRAME;
+    this._CurrentIndex = -1;
   }
   _createLoopTool(loop_type, loop_info) {
     let loop_num = null;
@@ -178,8 +179,12 @@ class Viewer {
     }
     this._LoopTool.setApicInfo(this._ApicData.FrameCount, this._ApicData.LoopCount);
   }
-  stop() {
+  stop(frameCount = -1) {
     clearTimeout(this._TimeoutId);
+    if (frameCount >= 0 && this._CurrentIndex !== frameCount) {
+      this._CurrentIndex = frameCount;
+      this.renderFrame(frameCount);
+    }
     if (this._Listener?.onend) {
       this._Listener.onend();
     }
@@ -203,7 +208,8 @@ class Viewer {
   }
   renderLoop() {
     if (this._LoopTool.hasNext()) {
-      let duration = this.renderFrame(this._LoopTool.next());
+      this._CurrentIndex = this._LoopTool.next();
+      let duration = this.renderFrame(this._CurrentIndex);
       this._TimeoutId = setTimeout(() => {
         this.renderLoop();
       }, duration);
@@ -225,13 +231,14 @@ class Viewer {
 //
 // utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/ApicDataBase.js;
 //
+const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
 class ApicDataBase {
   constructor(arrayBuffer) {
     this.LoopCount = 0;
     this.FrameCount = 0;
     this.Width = 0;
     this.Height = 0;
-    this._Canvas = window.originDocument.createElement("canvas");
+    this._Canvas = renderDocument.createElement("canvas");
     this._Context = this._Canvas.getContext("2d");
     this._DecodedData = null;
     this.decode(arrayBuffer);

package/bin/browser/BrowserJsvFragShaderView.vue.mjs

@@ -0,0 +1,63 @@
+import { openBlock, createElementBlock, normalizeStyle } from 'vue';
+
+//
+// utils/JsViewVueWidget/JsvFragShaderView/BrowserJsvFragShaderView.vue;
+//
+/* 
+
+ */
+const _sfc_main = {
+  __name: "BrowserJsvFragShaderView",
+  props: {
+    style: {
+      type: Object,
+      required: true
+    },
+    duration: {
+      type: Number,
+      default: -1
+    },
+    autoplay: {
+      type: Boolean,
+      default: false
+    },
+    shaderStr: {
+      type: String,
+      required: true
+    },
+    // [{ name: string, value: number }]
+    uniforms: {
+      type: Array
+    },
+    // [{ name: string, type: number, resource: object/string }]
+    textures: {
+      type: Array
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    expose({
+      startAnim: () => {
+      },
+      stopAnim: () => {
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          left: __props.style.left,
+          top: __props.style.top,
+          width: __props.style.width,
+          height: __props.style.height,
+          backgroundColor: "#00000077",
+          fontSize: 50,
+          color: "#ffffff",
+          textAlign: "center",
+          lineHeight: __props.style.height
+        })
+      }, " 浏览器端未支持JsvFragShaderView ", 4);
+    };
+  }
+};
+
+export { _sfc_main as default };

package/bin/browser/BrowserQrcode.vue.mjs

@@ -6,6 +6,7 @@ import QRCode from 'qr.js';
 //
 /* 
 
+
  */
 const _sfc_main = {
   __name: "BrowserQrcode",
@@ -29,6 +30,7 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
+    const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
     const convertStr = (str) => {
       let out = "";
       for (let i = 0; i < str.length; i++) {
@@ -136,7 +138,7 @@ const _sfc_main = {
     onMounted(() => {
       svgRoot.value.jsvGetProxyView().RegisterOnProxyReady(() => {
         const root = svgRoot.value.jsvGetProxyView().HtmlGetElement();
-        const doc = window.originDocument;
+        const doc = renderDocument;
         const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
         svg.setAttribute("type", "qrcode");
         svg.setAttribute("shapeRendering", "crispEdges");

package/bin/browser/BrowserTextureAnim.vue.mjs

@@ -15,6 +15,7 @@ import { _ as _export_sfc } from '../export-sfc.mjs';
 
  */
 const forgeTextureManager = window.JsvCode.ForgeHandles.TextureManager;
+const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
 const DECORATE_BORDER_RADIUS = "BroderRaidus";
 const DECORATE_NINEPATCH_ALPHA_MIX = "NinePatchAlphaMix";
 const TexAlignAnchor = {
@@ -243,11 +244,11 @@ const _sfc_main = {
       }
     },
     insertKeyframe(animDefine) {
-      const index = document.styleSheets[0].cssRules.length;
-      document.styleSheets[0].insertRule(animDefine, index);
+      const index = renderDocument.styleSheets[0].cssRules.length;
+      renderDocument.styleSheets[0].insertRule(animDefine, index);
     },
     removeKeyframe(animName) {
-      const styleSheetRef = document.styleSheets[0];
+      const styleSheetRef = renderDocument.styleSheets[0];
       const cssRulesRef = styleSheetRef.cssRules;
       for (let i = cssRulesRef.length - 1; i >= 0; i--) {
         if (cssRulesRef[i].name === animName) {
@@ -263,16 +264,16 @@ const _sfc_main = {
     }
     this.$refs.root.jsvGetProxyView().RegisterOnProxyReady(() => {
       const root = this.$refs.root.jsvGetProxyView().HtmlGetElement();
-      this.clipDiv = window.originDocument.createElement("div");
+      this.clipDiv = renderDocument.createElement("div");
       Object.assign(this.clipDiv.style, this.maskStyle);
       const textureLayout = this.textureLayout;
-      this.animDiv = window.originDocument.createElement("div");
+      this.animDiv = renderDocument.createElement("div");
       Object.assign(this.animDiv.style, textureLayout);
       this.animDiv.onanimationend = () => {
         this.animDiv.style.animation = null;
         this.onAnimationEnd?.();
       };
-      this.imgDiv = window.originDocument.createElement("div");
+      this.imgDiv = renderDocument.createElement("div");
       this.imgDiv.style.width = textureLayout.width;
       this.imgDiv.style.height = textureLayout.height;
       this.imgDiv.style.backgroundImage = `url(${this.src})`;