@shijiu/jsview-vue 2.1.482-test.0 → 2.2.128

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();
@@ -88,7 +89,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);

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);

package/bin/browser/BrowserApicLib.mjs

@@ -225,13 +225,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/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

@@ -12,7 +12,10 @@ 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 = {
@@ -168,13 +171,18 @@ const _sfc_main = {
           );
           console.log("get mask style");
           const transitionTime = this.decorate.animTime;
+          let decorate_url = this.decorate.url;
+          if (this.decorate.url && this.decorate.url.startsWith("jsvtexturestore:")) {
+            let view_texture = forgeTextureManager.GetImage2(this.decorate.url);
+            decorate_url = `url(${view_texture.Source})`;
+          }
           return {
             left: this.left + "px",
             top: this.top + "px",
             width: this.width + "px",
             height: this.height + "px",
             transition: `left ${transitionTime}s, top ${transitionTime}s, width ${transitionTime}s, height ${transitionTime}s`,
-            webkitMaskBoxImageSource: this.decorate.url,
+            webkitMaskBoxImageSource: decorate_url,
             webkitMaskBoxImageSlice: slideWidth,
             webkitMaskBoxImageWidth: Math.ceil(
               slideWidth * imageDspWidth / this.decorate.imageWidth
@@ -236,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) {
@@ -256,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})`;