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

package/utils/JsViewVueWidget/JsvTextBox.vue

@@ -3,11 +3,15 @@
  */
 
 /*
- * JsvTextBox：Vue高阶组件，文字的垂直对齐方式显示控件
+ * JsvTextBox：Vue高阶组件，用于文字绘制要精细调整的场景，
+ *            注意: 其中Jsv打头的属性为内部属性，不要在组件外直接使用，规避后续调整时进行变名等调整导致使用不了。
  *      props说明:
  *          verticalAlign {string}  垂直对齐方式 (必需) top、middle、bottom
  *          style {object}          样式(必需)
  *          enableLatex {bool}     是否启用Latex文字描画模式
+ *          textDirection {string}  文字方向，主要考虑阿拉伯语的方向场景
+ *          syncDraw {string}  文字较长时，是强制同步绘制还是自动的进入异步绘制，可选"auto","sync","async"
+ *                             其中"async"为强制包含短文字的场景也异步绘制
  * latex语法样例
  *    1. 颜色:     "测试\\textcolor{#FF0000}{红色}文字"
  *    2. 加粗:     "测试\\textb{加粗}文字"
@@ -33,11 +37,14 @@ const props = defineProps({
     default: "middle",
   },
   enableLatex: Boolean,
-  className: String,
   textDirection: {
     type: String,
     default: "unset",
   },
+  syncDraw: {
+    type: String,
+    default: "auto",
+  },
 });
 
 const computeAlignItems = computed(() => {
@@ -51,6 +58,18 @@ const computeAlignItems = computed(() => {
       return "center";
   }
 });
+
+const textWidth = computed(() => {
+  let w = props.style?.width;
+  if (typeof w == "undefined") {
+    w = 0;
+  }
+  return w;
+});
+
+const jsvTextLatexValue = computed(() => {
+  return props.enableLatex ? 1 : 0;
+});
 </script>
 
 <template>
@@ -63,11 +82,12 @@ const computeAlignItems = computed(() => {
   >
     <div
       :style="{
-        width: props.style.width,
-        JsvTextLatex: enableLatex ? 1 : 0,
+        width: textWidth,
+        JsvTextLatex: jsvTextLatexValue,
         JsvTextLineAlign: lineAlign,
         JsvTextInnerDirection: textDirection,
       }"
+      :data-jsv-perf-loadtex="props.syncDraw"
     >
       <slot />
     </div>

package/utils/JsViewVueWidget/JsvTextureAnim/BrowserTextureAnim.vue

@@ -5,6 +5,12 @@
  * @Description: file content
 -->
 <script>
+// Forge共享数据引用，在Browser处理中window引用，规避Browser触发vite循环引用bug
+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 = {
@@ -176,13 +182,25 @@ export default {
           );
           console.log("get mask style");
           const transitionTime = this.decorate.animTime;
+
+          let decorate_url = this.decorate.url;
+          // 加入对 jsvtexturestore 模式的支持
+          // 特别注意: chromiumn 102版本上，当jsvtexturestore对应内容首次加载时不能显示，此divstyle变化后才能显示
+          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(
@@ -246,11 +264,11 @@ export default {
     },
 
     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;
       // 对CssRules进行删除操作，倒序轮询
       for (let i = cssRulesRef.length - 1; i >= 0; i--) {
@@ -264,24 +282,24 @@ export default {
   mounted() {
     if (this.animation) {
       //此控件直接操作dom因此不走JsvDynamicKeyframes, 直接通过dom添加keyframes
-      this.insertKeyframe("@keyframes " + this.animName + " " + this.animation)
+      this.insertKeyframe("@keyframes " + this.animName + " " + this.animation);
     }
 
     this.$refs.root.jsvGetProxyView().RegisterOnProxyReady(() => {
       const root = this.$refs.root.jsvGetProxyView().HtmlGetElement();
       //绕过 jsview 对document 的 hook
-      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})`;
@@ -338,4 +356,4 @@ export default {
 
 <template>
   <div ref="root"></div>
-</template>
+</template>

package/utils/JsViewVueWidget/JsvTextureAnim/JsvTextureAnim.vue

@@ -337,6 +337,7 @@ export default {
           1
         );
         this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(Forge.AnimationEnable.ReleaseAfterEndCallback);
         this.forgeAnimation.SetAnimationListener(
           new Forge.AnimationListener(null, this._onAnimationEnd, null)
         );
@@ -373,6 +374,7 @@ export default {
           1
         );
         this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(Forge.AnimationEnable.ReleaseAfterEndCallback);
         this.forgeAnimation.SetAnimationListener(
           new Forge.AnimationListener(null, this._onAnimationEnd, null)
         );

package/utils/JsViewVueWidget/index.js

@@ -57,3 +57,4 @@ export {
 }
 export { default as JsvEnableRenderBreak } from "./JsvEnableRenderBreak.vue";
 export { JsvMindMap } from "./JsvMindMap"
+export * from "./JsvScrollBox"

package/bin/types/browser/BrowserApic.vue.d.mts

@@ -1,33 +0,0 @@
-export { _sfc_main as default };
-declare namespace _sfc_main {
-    const __name: string;
-    namespace props {
-        const src: StringConstructor;
-        const style: ObjectConstructor;
-        namespace autoPlay {
-            export const type: BooleanConstructor;
-            const _default: boolean;
-            export { _default as default };
-        }
-        namespace loopType {
-            const type_1: NumberConstructor;
-            export { type_1 as type };
-            const _default_1: number;
-            export { _default_1 as default };
-        }
-        namespace loopInfo {
-            const type_2: ArrayConstructor;
-            export { type_2 as type };
-            function _default_2(): number[][];
-            export { _default_2 as default };
-        }
-        const onStart: FunctionConstructor;
-        const onEnd: FunctionConstructor;
-        const onLoad: FunctionConstructor;
-    }
-    function setup(__props: any, { expose }: {
-        expose: any;
-    }): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-}

package/bin/types/browser/BrowserApic2.vue.d.mts

@@ -1,16 +0,0 @@
-export { _sfc_main as default };
-declare namespace _sfc_main {
-    const __name: string;
-    namespace props {
-        const src: StringConstructor;
-        const style: ObjectConstructor;
-        const onStart: FunctionConstructor;
-        const onEnd: FunctionConstructor;
-        const onLoad: FunctionConstructor;
-    }
-    function setup(__props: any, { expose }: {
-        expose: any;
-    }): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-}

package/bin/types/browser/BrowserApicLib.d.mts

@@ -1,56 +0,0 @@
-declare class GifData extends ApicDataBase {
-    toImage(frame_index: any, canvas: any, canvas_ctx: any): any;
-}
-declare class Viewer {
-    constructor(apic_data: any, canvas: any, listener: any);
-    _ApicData: any;
-    _Canvas: any;
-    _Context: any;
-    _Listener: any;
-    _TimeoutId: number;
-    _EndState: number;
-    _createLoopTool(loop_type: any, loop_info: any): void;
-    _LoopTool: PartLoopTool | NormalLoopTool | SingleLoopTool | undefined;
-    stop(): void;
-    play(loopType: any, loopInfo: any, endState?: number): void;
-    renderLoop(): void;
-    renderFrame(frame_index: any): any;
-}
-declare class WebpData extends ApicDataBase {
-    toImage(frame_index: any, canvas: any, canvas_ctx: any): any;
-}
-declare class ApicDataBase {
-    constructor(arrayBuffer: any);
-    LoopCount: number;
-    FrameCount: number;
-    Width: number;
-    Height: number;
-    _Canvas: any;
-    _Context: any;
-    _DecodedData: any;
-    decode(arrayBuffer: any): void;
-    toImage(frameIndex: any, canvas: any, canvasCtx: any): void;
-}
-declare class PartLoopTool extends LoopToolBase {
-    constructor(info_list: any);
-    mLoopPeriod: number;
-    mCurLoopStartFrame: number;
-    mCurLoopEndFrame: number;
-    mCurLoopNum: number;
-    mCurLoopCount: number;
-    mLoopInfo: any;
-    mValid: boolean | undefined;
-    updateLoop(): boolean;
-}
-declare class NormalLoopTool extends LoopToolBase {
-    constructor(loop_type: any, loop_num: any);
-    mLoopType: any;
-    mLoopCount: number;
-    mValid: boolean | undefined;
-}
-declare class SingleLoopTool extends LoopToolBase {
-    constructor(index: any);
-    mTargetIndex: any;
-}
-import { a as LoopToolBase } from "../jsview-vue-common.mjs";
-export { GifData as G, Viewer as V, WebpData as W };

package/bin/types/browser/BrowserAudio.vue.d.mts

@@ -1,2 +0,0 @@
-export { BrowserAudio as default };
-declare const BrowserAudio: any;

package/bin/types/browser/BrowserJsvLatex.vue.d.mts

@@ -1,55 +0,0 @@
-export { _sfc_main as default };
-declare namespace _sfc_main {
-    const __name: string;
-    namespace props {
-        namespace latexStr {
-            const type: StringConstructor;
-            const required: boolean;
-        }
-        namespace width {
-            const type_1: NumberConstructor;
-            export { type_1 as type };
-            const required_1: boolean;
-            export { required_1 as required };
-        }
-        namespace height {
-            const type_2: NumberConstructor;
-            export { type_2 as type };
-            const _default: number;
-            export { _default as default };
-        }
-        namespace fontSize {
-            const type_3: NumberConstructor;
-            export { type_3 as type };
-            const _default_1: number;
-            export { _default_1 as default };
-        }
-        namespace lineSpace {
-            const type_4: NumberConstructor;
-            export { type_4 as type };
-            const _default_2: number;
-            export { _default_2 as default };
-        }
-        namespace color {
-            const type_5: StringConstructor;
-            export { type_5 as type };
-            const _default_3: string;
-            export { _default_3 as default };
-        }
-        namespace left {
-            const type_6: NumberConstructor;
-            export { type_6 as type };
-            const _default_4: number;
-            export { _default_4 as default };
-        }
-        namespace top {
-            const type_7: NumberConstructor;
-            export { type_7 as type };
-            const _default_5: number;
-            export { _default_5 as default };
-        }
-    }
-    function setup(__props: any): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-}

package/bin/types/browser/BrowserPreload.vue.d.mts

@@ -1,14 +0,0 @@
-export { _sfc_main as default };
-declare namespace _sfc_main {
-    const __name: string;
-    namespace props {
-        const preloadList: ArrayConstructor;
-        const downloadList: ArrayConstructor;
-        const onPreloadDone: FunctionConstructor;
-        const onDownloadDone: FunctionConstructor;
-        const onPreloading: FunctionConstructor;
-    }
-    function setup(__props: any): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-}

package/bin/types/browser/BrowserQrcode.vue.d.mts

@@ -1,29 +0,0 @@
-export { _sfc_main as default };
-declare namespace _sfc_main {
-    const __name: string;
-    namespace props {
-        const value: StringConstructor;
-        const size: NumberConstructor;
-        namespace fgColor {
-            export const type: StringConstructor;
-            const _default: string;
-            export { _default as default };
-        }
-        namespace bgColor {
-            const type_1: StringConstructor;
-            export { type_1 as type };
-            const _default_1: string;
-            export { _default_1 as default };
-        }
-        namespace level {
-            const type_2: StringConstructor;
-            export { type_2 as type };
-            const _default_2: string;
-            export { _default_2 as default };
-        }
-        const imageSettings: ObjectConstructor;
-    }
-    function setup(__props: any): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-}

package/bin/types/browser/BrowserSpray.vue.d.mts

@@ -1,2 +0,0 @@
-export { BrowserSpray as default };
-declare const BrowserSpray: any;

package/bin/types/browser/BrowserTextureAnim.vue.d.mts

@@ -1,2 +0,0 @@
-export { BrowserTextureAnim as default };
-declare const BrowserTextureAnim: any;

package/bin/types/export-sfc.d.mts

@@ -1,2 +0,0 @@
-export { _export_sfc as _ };
-declare function _export_sfc(sfc: any, props: any): any;