npm - @shijiu/jsview-vue - Versions diffs - 2.2.201 → 2.2.373 - Mend

@shijiu/jsview-vue 2.2.201 → 2.2.373

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (299) hide show

package/utils/JsViewEngineWidget/TemplateParser/MetroTemplate.ts CHANGED Viewed

@@ -291,12 +291,12 @@ abstract class MetroTemplate {
       if (this.direction == VERTICAL) {
         return {
           width: this.lineMax,
-          height: lastItem.height + lastItem.top - 1,
+          height: lastItem.height + lastItem.top - 1 + 1,
         }
       } else {
         return {
           height: this.lineMax,
-          width: lastItem.width + lastItem.left - 1,
+          width: lastItem.width + lastItem.left - 1 + 1,
         }
       }
     } else {

package/utils/JsViewPlugin/JsvAudio/version.js CHANGED Viewed

@@ -16,7 +16,7 @@ let PluginInfo = {
     listener: "top.JsvAudioPluginLoadResult",  //插件加载结果回调
     listener2: "top.JsvAudioPluginStatus",
     // debug:true,
-    // md5:"baafc8ea737adcad5443f44cc0112498"
+    md5: "5ab9bfbec33034a6a26df7c1187b3c8f"
 };
 // 不要用export default，update-env脚本不能解析

package/utils/JsViewPlugin/JsvAudio/version.mjs CHANGED Viewed

@@ -16,7 +16,7 @@ let PluginInfo = {
   listener: "top.JsvAudioPluginLoadResult",  //插件加载结果回调
   listener2: "top.JsvAudioPluginStatus",
   // debug:true,
-  // md5:"baafc8ea737adcad5443f44cc0112498"
+  md5: "5ab9bfbec33034a6a26df7c1187b3c8f"    // 插件的md5, 此信息是内网场景回使用，一定要对齐md5
 };
 // 不要用export default，update-env脚本不能解析

package/utils/JsViewPlugin/JsvLatex/BrowserDomBuilder.js CHANGED Viewed

@@ -2,10 +2,18 @@ export 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'
@@ -16,13 +24,15 @@ export 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));

package/utils/JsViewPlugin/JsvLatex/BrowserJsvLatex.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup>
 // import "./mathjax-tex-svg.js";
 import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
-import { shallowRef, onBeforeUnmount } from "vue";
+import { ref, shallowRef, onBeforeUnmount } from "vue";
 import { getHtmlStr } from "./BrowserDomBuilder.js";
 const props = defineProps({
@@ -39,20 +39,39 @@ const props = defineProps({
   },
 });
+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(() => {
@@ -61,16 +80,18 @@ onBeforeUnmount(() => {
     innerViewId.value = -1;
     console.log("success remove innerview");
   }
+  resizeObserver.unobserve(layoutView.GetIFrame())
 });
 </script>
 <template>
   <div
-    :data-jsv-vw-innerview="innerViewId"
     :style="{
       left: left,
       top: top,
-      width: width,
-      height: height,
+      width: clientWidth,
+      height: clientHeight,
     }"
-  ></div>
+  >
+    <div :data-jsv-vw-innerview="innerViewId"></div>
+  </div>
 </template>

package/utils/JsViewPlugin/JsvLatex/JsvLatex.vue CHANGED Viewed

@@ -5,21 +5,24 @@
  -->
 <!--
-[界面概述]
-  思维导图控件
-[控件介绍]
-  JsvLatex:
-    props:
-      latexStr:         {string}      latex公式
-      fontSize:         {function}    字号
-      left:             {number}      left
-      top:              {number}      top
-      width:            {number}      width
-      height:           {number}      height
-      lineSpace:        {number}      行距
-      color:            {string}      文字颜色
- -->
+ * @file
+ *
+ * [界面概述]
+ *   思维导图控件
+ * [控件介绍]
+ *   JsvLatex:
+ *     props:
+ *       latexStr:         {string}      latex公式
+ *       fontSize:         {function}    字号
+ *       left:             {number}      left
+ *       top:              {number}      top
+ *       width:            {number}      width
+ *       height:           {number}      height
+ *       lineSpace:        {number}      行距
+ *       color:            {string}      文字颜色
+ *   [注意事项]
+ *     1. 盒子端的字符串是直接作为数学公式解析的, 所以需要将\n替换为\\, 需要前端自己处理, 这里提供了一个辅助方法processLatexStr来处理简单的情况
+-->
 <script setup>
 import { onBeforeUnmount, ref } from "vue";
 import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
@@ -67,13 +70,13 @@ const props = defineProps({
 const show = ref(false);
 let innerViewId = -1;
-let clientWidth = props.width;
-let clientHeight = props.height;
+let clientWidth = ref(props.width);
+let clientHeight = ref(props.height);
 const getClientSize = () => {
   return {
-    width: clientWidth,
-    height: clientHeight,
+    width: clientWidth.value,
+    height: clientHeight.value,
   };
 };
 const showView = () => {
@@ -104,15 +107,18 @@ const showView = () => {
   );
   pluginTexture.RegisterLoadImageCallback(null, (data) => {
+    console.log("testtest texture load callback", data);
     tryUpdateClientSize(data.width, data.height);
   });
   const tryUpdateClientSize = (textureW, textureH) => {
-    if (props.width != 0 && props.height == 0) {
-      clientHeight = Math.round(props.width * (textureH / textureW));
-    } else if (props.height != 0 && props.width == 0) {
-      clientWidth = Math.round(props.height * (textureW / textureH));
+    console.log("testtet latex texture size", textureW, textureH);
+    if (textureW <= 0 || textureH <= 0) {
+      console.warn("JsvLatex get empth texture", textureW, textureH);
+      return;
     }
+    clientWidth.value = Math.min(textureW, props.width);
+    clientHeight.value = Math.round(clientWidth.value * (textureH / textureW));
   };
   let layoutView = new Forge.LayoutView(
@@ -149,13 +155,13 @@ defineExpose({
 <template>
   <div
-    v-if="show"
-    :data-jsv-vw-innerview="innerViewId"
     :style="{
       left: left,
       top: top,
-      width: width,
-      height: height,
+      width: clientWidth,
+      height: clientHeight,
     }"
-  ></div>
+  >
+    <div v-if="show" :data-jsv-vw-innerview="innerViewId"></div>
+  </div>
 </template>

package/utils/JsViewPlugin/JsvLatex/index.js CHANGED Viewed

@@ -17,7 +17,29 @@ const globalLoadJsvLatexPlugin = (listener) => {
   }
 }
+function processLatexStr(origin) {
+  //只将数学环境外的换行替换为\\
+  if (typeof origin !== "string") {
+    return null;
+  }
+  const index1 = origin.indexOf("\\begin");
+  const index2 = origin.indexOf("}", origin.lastIndexOf("\\end"));
+  if (index1 >= 0) {
+    const head = origin.substring(0, index1);
+    const middle = origin.substring(index1, index2 + 1);
+    const tail = origin.substring(index2 + 1);
+    return (
+      head.replaceAll(/(?<!\\\\)[\n]+/g, "\\\\") +
+      middle +
+      tail.replaceAll(/(?<!\\\\)[\n]+/g, "\\\\")
+    );
+  } else {
+    return origin.replaceAll(/(?<!\\\\)[\n]+/g, "\\\\");
+  }
+}
 export {
   JsvLatex,
+  processLatexStr,
   globalLoadJsvLatexPlugin,
 }

package/utils/JsViewVueTools/FeatureActive.ts ADDED Viewed

@@ -0,0 +1,84 @@
+import { Forge } from "@shijiu/jsview/dom/jsv-forge-define.mjs";
+// 记录已激活内容，减少激活的重复调用，提高执行性能
+let sActivedMap = new Map();
+let sDisabledMap = new Map();
+// Component名称列表, 注意大小写
+namespace FeatureNames {
+    // 'TouchReceiver': 触屏支持
+    export const TouchReceiver: String = "TouchReceiver";
+    // 'FreeMoveDiv': 游戏类平滑动画组件
+    export const FreeMoveDiv: String = "FreeMoveDiv";
+    // 'CustomFragShader': 内容3D化效果组件
+    export const CustomFragShader: String = "CustomFragShader";
+    // 'Capture2Texture': div拷屏
+    export const Capture2Texture: String = "Capture2Texture";
+}
+// 激活内核中的模块
+// 特别注意:
+// 此接口调用时，请联系我们确认所在渠道此功能被搭载并已经获取了授权后再调用
+//
+// 场景1: 强制激活未授权的组件
+// 如果激活未授权的组件，屏幕会有未授权的组件列表水印出现
+// 并且如果所在渠道的内核不带此功能的话，会引起崩溃一系列问题
+//
+// 场景2: 未激活组件，而实际使用
+// 组件使用时会自动调用 JsvUseFeature 来确认是否激活
+// 若未激活则，会有console.error提示，并且内核中此功能也不会工作(此处也规避了内核可能未搭载组件而崩溃的问题)
+function JsvActiveFeature(comp_name: String) {
+    if (sActivedMap.has(comp_name)) {
+        // 已经激活过
+        return;
+    }
+    if (sDisabledMap.has(comp_name)) {
+        console.error(`Error: feature ${comp_name} is disabled`);
+        return;
+    }
+    sActivedMap.set(comp_name, comp_name); // 记录已激活内容
+    console.log(`feature ${comp_name} enable`);
+    Forge.sRenderBridge.ActiveComponent(comp_name);
+}
+// 模块内部调用，确保要使用功能时，功能已经授权并激活
+function JsvUseFeature(from: String, comp_name: String) {
+    if (sActivedMap.has(comp_name)) {
+        return;
+    }
+    console.error(`Error: ${comp_name}(from ${from}) is not activated, need JsvActiveFeature(JsvFeatureNames.${comp_name}) in boot`);
+}
+// 备用接口: 防止未授权组件被错误激活引起的崩溃和水印显示
+function JsvShutdownFeatures(comp_name_list: Array<String>) {
+    if (sActivedMap.size > 0) {
+        console.log(`Error: JsvShutdownFeatures should call before any JsvActiveFeature()`);
+        return;
+    }
+    let merged_comps: Array<String> = [];
+    for (let i = 0; i < comp_name_list.length; i++) {
+        let comp_name: String = comp_name_list[i];
+        // 记录变更信息，一旦记入disable列表，则不可被active，且原active会失效
+        sDisabledMap.set(comp_name, comp_name);
+        merged_comps.push(comp_name_list[i]);
+        console.log(`feature ${comp_name} disable`);
+    }
+    Forge.sRenderBridge.ShutdownComponents(JSON.stringify(merged_comps));
+}
+export {
+    FeatureNames,
+    FeatureNames as JsvFeatureNames,
+    JsvActiveFeature,
+    JsvUseFeature,
+    JsvShutdownFeatures
+}

package/utils/JsViewVueTools/ForgeHandles.ts CHANGED Viewed

@@ -1,14 +1,18 @@
-let handles = {
+let handles: {
+    TextureManager: any,
+    RootView: any,
+    RootActivity: any
+} = {
     TextureManager: null,
     RootView: null,
     RootActivity: null
 }
 const jsvCode = (window as any).JsvCode;
-jsvCode.ForgeHandles.listenToReady(()=>{
+jsvCode.ForgeHandles.listenToReady(() => {
     handles.TextureManager = jsvCode.ForgeHandles.TextureManager;
     handles.RootView = jsvCode.ForgeHandles.RootView;
-    handles.RootActivity = jsvCode.ForgeHandles.RootActivity;
+    handles.RootActivity = jsvCode.ForgeHandles.RootActivity;
 })
 export default handles;

package/utils/JsViewVueTools/JsvDynamicCssStyle.js CHANGED Viewed

@@ -3,6 +3,8 @@
  */
 /*!
+ * @file
+ *
  * 【模块 export 内容】
  * CssStyleSheet：面向对象类，CSS rule的操作器，用于添加和删除CssStyle，服务于JsvStyleClass
  *      接口：

package/utils/JsViewVueTools/JsvDynamicKeyFrames.ts CHANGED Viewed

@@ -3,6 +3,8 @@
  */
 /*!
+ * @file
+ *
  * 【模块 export 内容】
  * getKeyFramesGroup: 函数，获取KeyFrame操作类 KeyFrameStyleSheet
  * KeyFrameStyleSheet：面向对象类，KeyFrames CSS rule的操作类，用于添加和删除KeyFrame

package/utils/JsViewVueTools/JsvImpactTracer.js CHANGED Viewed

@@ -10,6 +10,8 @@
  */
 /*!
+ * @file
+ *
  * 【模块 export 内容】
  * createImpactTracer: 函数，创建碰撞跟踪对象
  * createImpactCallback: 函数，创建碰撞发生后的回调函数

package/utils/JsViewVueTools/JsvPreDownloader.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 /*!
- *  JsvPreDownloader 通用下载器，可以在不同的环境中进行资源下载操作。
+ * @file JsvPreDownloader 通用下载器，可以在不同的环境中进行资源下载操作。
+ *
  *       JsvPreDownloader.download:实例方法，根据传入参数来下载资源。支持单个url或者url列表，返回Promise对象。
  *        参数:
  *        url {string | Array}:  (必填)图片url

package/utils/JsViewVueTools/JsvRefTaker.js CHANGED Viewed

@@ -1,7 +1,6 @@
 /*!
- *******************
- * JsvRefTaker模块
+ * @file JsvRefTaker模块
  *
  * 用于解决 script setup 写法，不容易通过 this.$ref.xxxx 拿到子模块的句柄，
  * 但使用ref(null)的方式构筑的深度reactive对象又会严重影响element的内部处理性能的问题

package/utils/JsViewVueTools/JsvRuntimeBridge.js CHANGED Viewed

@@ -1,3 +1,7 @@
+/*!
+  @file JsvRuntimeBridge.js
+*/
 let feature_supports = null;
 let direct_call_map = {};
@@ -540,6 +544,62 @@ function unRegisterNetStateListener(callback){
     return direct_call("unRegisterNetStateListener", callback);
 }
+function getSnId(){
+    return direct_call("getSnId");
+}
+function getEmmcCid(){
+    return direct_call("getEmmcCid");
+}
+/**
+ * android ContentProvider 查询接口，参数与返回值与官方接口相同。详情查看官方的 android.content.ContentProvider.query 接口
+ * @param {string} uri
+ * @param {string} projection
+ * @param {string} selection
+ * @param {string[]} selectionArgs
+ * @param {string} sortOrder
+ * @returns
+ */
+function providerQuery(uri,projection,selection,selectionArgs,sortOrder){
+    let jsonProjection = projection?JSON.stringify(projection):null
+    let jsonSelectionArgs = selectionArgs?JSON.stringify(selectionArgs):null
+    return direct_call("providerQuery",uri,jsonProjection,selection,jsonSelectionArgs,sortOrder);
+}
+/**
+ * android ContentProvider 插入接口，参数与返回值与官方接口相同。详情查看官方的 android.content.ContentProvider.insert 接口
+ * @param {string} uri
+ * @param {object} contentValue
+ * @returns
+ */
+function providerInsert(uri,contentValue){
+    return direct_call("providerInsert",uri,contentValue?JSON.stringify(contentValue):null)
+}
+/**
+ * android ContentProvider 删除接口，参数与返回值与官方接口相同。详情查看官方的 android.content.ContentProvider.delete 接口
+ * @param {string} uri
+ * @param {string} selection
+ * @param {string[]} selectionArgs
+ * @returns
+ */
+function providerDelete(uri,selection,selectionArgs){
+    return direct_call("providerDelete",uri,selection,selectionArgs?JSON.stringify(selectionArgs):null)
+}
+/**
+ * android ContentProvider 更新接口，参数与返回值与官方接口相同。详情查看官方的 android.content.ContentProvider.update 接口
+ * @param {string} uri
+ * @param {object} contentValue
+ * @param {string} selection
+ * @param {string[]} selectionArgs
+ * @returns
+ */
+function providerUpdate(uri,contentValue,selection,selectionArgs){
+    return direct_call("providerUpdate",uri,contentValue?JSON.stringify(contentValue):null,selection,selectionArgs?JSON.stringify(selectionArgs):null)
+}
 // 显示声明，可以提高执行速度和利用上编辑器的成员名提示功能
 const bridge = {
@@ -579,7 +639,13 @@ const bridge = {
     preDownloadSdk,
     getNetworkTypeStatusImmediate,
     registerNetStateListener,
-    unRegisterNetStateListener
+    unRegisterNetStateListener,
+    getSnId,
+    getEmmcCid,
+    providerQuery,
+    providerInsert,
+    providerDelete,
+    providerUpdate
 };
 export {

package/utils/JsViewVueTools/JsvStyleClass.js CHANGED Viewed

@@ -3,6 +3,8 @@
  */
 /*!
+ * @file
+ *
  * 【模块 export 内容】
  * JsvStyleClass：面向对象类，定义一组可以复用的Style，模拟css中的.class的概念
  *      功能函数：(参数说明见函数本体)

package/utils/JsViewVueTools/JsvStyleSheetsDeclarer.js CHANGED Viewed

@@ -1,5 +1,7 @@
 /*!
+ * @file
+ *
  * 【模块 export 内容】
  * JsvStyleSheetsDeclarer: 动态和删除全局的 CssStyle
  *      接口：