@shijiu/jsview-vue 2.2.201 → 2.2.426-test.0

package/bin/browser/BrowserApic.vue.mjs

@@ -2,19 +2,8 @@ import { shallowRef, onMounted, openBlock, createElementBlock, normalizeStyle }
 import { W as WebpData, G as GifData, V as Viewer } from './BrowserApicLib.mjs';
 import { L as LoopType } from '../jsview-vue-common.mjs';
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvApic/BrowserApic.vue;
-//
-/* <!--
- * @Author: ChenChanghua
- * @Date: 2021-10-13 13:14:49
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 17:13:24
- * @Description: file content
--->
-
-
-
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvApic/BrowserApic.vue}
  */
 const _sfc_main = {
   __name: "BrowserApic",

package/bin/browser/BrowserApic2.vue.mjs

@@ -2,19 +2,8 @@ import { shallowRef, onMounted, openBlock, createElementBlock, normalizeStyle }
 import { W as WebpData, G as GifData, V as Viewer } from './BrowserApicLib.mjs';
 import { L as LoopType } from '../jsview-vue-common.mjs';
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvApic2/BrowserApic2.vue;
-//
-/* <!--
- * @Author: ChenChanghua
- * @Date: 2021-10-13 13:14:49
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 17:13:24
- * @Description: file content
--->
-
-
-
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvApic2/BrowserApic2.vue}
  */
 const _sfc_main = {
   __name: "BrowserApic2",

package/bin/browser/BrowserApicLib.mjs

@@ -1,8 +1,8 @@
 import { a as LoopToolBase, L as LoopType, A as ApicEndState } from '../jsview-vue-common.mjs';
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/PartLoopTool.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/PartLoopTool.js}
+ */
 class PartLoopTool extends LoopToolBase {
   constructor(info_list) {
     super();
@@ -73,9 +73,9 @@ class PartLoopTool extends LoopToolBase {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/NormalLoopTool.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/NormalLoopTool.js}
+ */
 class NormalLoopTool extends LoopToolBase {
   constructor(loop_type, loop_num) {
     super();
@@ -120,9 +120,9 @@ class NormalLoopTool extends LoopToolBase {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/SingleLoopTool.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/SingleLoopTool.js}
+ */
 class SingleLoopTool extends LoopToolBase {
   constructor(index) {
     super();
@@ -137,9 +137,9 @@ class SingleLoopTool extends LoopToolBase {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/Viewer.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/Viewer.js}
+ */
 class Viewer {
   constructor(apic_data, canvas, listener) {
     this._ApicData = apic_data;
@@ -228,9 +228,9 @@ class Viewer {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/ApicDataBase.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/ApicDataBase.js}
+ */
 const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
 class ApicDataBase {
   constructor(arrayBuffer) {
@@ -251,9 +251,9 @@ class ApicDataBase {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/WebpData.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/WebpData.js}
+ */
 class WebpData extends ApicDataBase {
   decode(array_buffer) {
     let webp_data = new Uint8Array(array_buffer);
@@ -367,9 +367,9 @@ class WebpData extends ApicDataBase {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/GifData.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/GifData.js}
+ */
 class GifData extends ApicDataBase {
   decode(array_buffer) {
     const gif = window.ApicTools.parseGIF(array_buffer);
@@ -424,8 +424,8 @@ class GifData extends ApicDataBase {
   }
 }
 
-//
-// utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/BrowserApicLib.js;
-//
+/* 
+ + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/BrowserApicLib.js}
+ */
 
 export { GifData as G, Viewer as V, WebpData as W };

package/bin/browser/BrowserAudio.vue.mjs

@@ -1,12 +1,8 @@
 import { openBlock, createElementBlock, resolveComponent, createBlock, mergeProps } from 'vue';
 import { _ as _export_sfc } from '../export-sfc.mjs';
 
-//
-// utils/JsViewPlugin/JsvAudio/BrowserAudio/JsvSystemAudio.vue;
-//
 /* 
-
-
+ + @file {@link file://./../../../../../utils/JsViewPlugin/JsvAudio/BrowserAudio/JsvSystemAudio.vue}
  */
 const _sfc_main$1 = {
   props: {
@@ -209,12 +205,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const JsvSystemAudio = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 
-//
-// utils/JsViewPlugin/JsvAudio/BrowserAudio/BrowserAudio.vue;
-//
 /* 
-
-
+ + @file {@link file://./../../../../../utils/JsViewPlugin/JsvAudio/BrowserAudio/BrowserAudio.vue}
  */
 const _sfc_main = {
   components: {

package/bin/browser/BrowserJsvLatex.vue.mjs

@@ -1,16 +1,24 @@
-import { shallowRef, onBeforeUnmount, openBlock, createElementBlock, unref, normalizeStyle } from 'vue';
+import { shallowRef, ref, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, createElementVNode, unref } from 'vue';
 import { Forge } from '@shijiu/jsview/dom/jsv-forge-define';
 
-//
-// utils/JsViewPlugin/JsvLatex/BrowserDomBuilder.js;
-//
+/* 
+ + @file {@link file://./../../../../utils/JsViewPlugin/JsvLatex/BrowserDomBuilder.js}
+ */
 const getHtmlStr = (libPath, latexStr, fontSize, width, height, color) => {
   return `<html>
       <head>
+        <style>
+          mjx-container[display="true"] {
+            margin: 0 0 !important;
+          }
+          body {
+            margin: 0 !important;
+          }
+        </style>
         <script type="text/javascript">
           MathJax = {
             tex: {
-              inlineMath: [['$', '$'], ['\\(', '\\)']]
+              inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]
             },
             svg: {
               fontCache: 'global'
@@ -21,13 +29,15 @@ const getHtmlStr = (libPath, latexStr, fontSize, width, height, color) => {
             divElement.style.display = "inline-block";
             divElement.style.fontSize = "${fontSize}px";
             divElement.style.color = "${color}";
-            divElement.innerHTML = String.raw\`$$${latexStr}$$\`;
+            divElement.innerHTML = String.raw\`${latexStr}\`;
+            //divElement.style.width = ${width} + "px";
             document.body.appendChild(divElement);
             
             MathJax.typesetPromise().then(() => {
               // modify the DOM here
               let formulaMetrics = MathJax.getMetricsFor(divElement, true);
-              let scale = ${width} / divElement.clientWidth;
+              let w = Math.min(${width}, divElement.clientWidth);
+              let scale = w / divElement.clientWidth;
               divElement.style.fontSize = Math.floor(scale * ${fontSize}) + "px";
               MathJax.typeset();
             }).catch((err) => console.error(err.message));
@@ -40,11 +50,8 @@ const getHtmlStr = (libPath, latexStr, fontSize, width, height, color) => {
     </html>`;
 };
 
-//
-// utils/JsViewPlugin/JsvLatex/BrowserJsvLatex.vue;
-//
 /* 
-
+ + @file {@link file://./../../../../utils/JsViewPlugin/JsvLatex/BrowserJsvLatex.vue}
  */
 const _sfc_main = {
   __name: "BrowserJsvLatex",
@@ -84,19 +91,33 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
+    function precessString(original) {
+      return "\\[\\begin{array}{l}" + original.replaceAll(/\\[\(\)\[\]]/g, "") + "\\end{array}\\]";
+    }
     let innerViewId = shallowRef(-1);
+    const clientWidth = ref(props.width);
+    const clientHeight = ref(props.height);
     let layoutView = new Forge.IFrameView();
     layoutView.SetIframeSize(props.width, props.height);
     layoutView.SetInnerHtml(
       getHtmlStr(
         "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewTestResource/DocResource/mathjax-tex-svg.txt",
-        props.latexStr,
+        precessString(props.latexStr),
         props.fontSize,
         props.width,
         props.height,
         props.color
       )
     );
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries.length > 0) {
+        const e = entries[0];
+        if (clientHeight.value == 0) {
+          clientHeight.value = e.contentRect.height;
+        }
+      }
+    });
+    resizeObserver.observe(layoutView.GetIFrame());
     innerViewId.value = Forge.sViewStore.add(new Forge.ViewInfo(layoutView));
     onBeforeUnmount(() => {
       if (innerViewId.value != -1) {
@@ -104,17 +125,19 @@ const _sfc_main = {
         innerViewId.value = -1;
         console.log("success remove innerview");
       }
+      resizeObserver.unobserve(layoutView.GetIFrame());
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        "data-jsv-vw-innerview": unref(innerViewId),
         style: normalizeStyle({
           left: __props.left,
           top: __props.top,
-          width: __props.width,
-          height: __props.height
+          width: clientWidth.value,
+          height: clientHeight.value
         })
-      }, null, 12, ["data-jsv-vw-innerview"]);
+      }, [
+        createElementVNode("div", { "data-jsv-vw-innerview": unref(innerViewId) }, null, 8, ["data-jsv-vw-innerview"])
+      ], 4);
     };
   }
 };

package/bin/export-sfc.mjs

@@ -1,6 +1,6 @@
-//
-// plugin-vue:export-helper;
-//
+/* 
+ + @file {@link file://./../plugin-vue:export-helper}
+ */
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {

package/bin/jsview-vue-common.mjs

@@ -1,6 +1,6 @@
-//
-// utils/JsViewVueWidget/JsvApic/JsvCommonLoopToolBase.js;
-//
+/* 
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvApic/JsvCommonLoopToolBase.js}
+ */
 class LoopToolBase {
   constructor() {
     this.mFrameIndex = -1;