@shijiu/jsview-vue 2.1.25 → 2.1.200

package/utils/JsViewPlugin/JsvLatex/version.js

@@ -0,0 +1,24 @@
+/*
+ * @Author: ChenChanghua
+ * @Date: 2023-02-22 18:22:26
+ * @Description: file content
+ */
+let PluginInfo = {
+    // downloadUrl: "http://192.168.2.1:8097/pluginpackapp.zip", //插件下载地址
+    packageName: "com.qcode.jsvlatex",
+    name: "数学公式插件",
+    version: "1.0.4",  //插件需要的版本号
+    versionCodeMin: 4,
+    versionCodeMax: 4,
+    bridgeName: "jsvLatexBridge", //插件bridge注册到jsview的名称
+    className: "com.qcode.jsvlatex.JsvLatex",  //插件初始化类名称
+    initMethod: "createInstance",   //插件初始化方法
+    listener: "top.JsvLatexPluginLoadResult",  //插件加载结果回调
+    listener2: "top.JsvLatexPluginStatus",
+    // debug:true,
+    // md5: "f8a12f63d450df862abc6dbf273e258d"
+};
+
+// 不要用export default，update-env脚本不能解析
+// 导出字段要含有 pluginVersionInfo 信息，作为npm时版本参考
+module.exports = PluginInfo;

package/utils/JsViewPlugin/JsvLatex/version.mjs

@@ -0,0 +1,24 @@
+/*
+ * @Author: ChenChanghua
+ * @Date: 2023-02-22 18:22:26
+ * @Description: file content
+ */
+let PluginInfo = {
+  // downloadUrl: "http://192.168.2.1:8097/pluginpackapp.zip", //插件下载地址
+  packageName: "com.qcode.jsvlatex",
+  name: "数学公式插件",
+  version: "1.0.4",  //插件需要的版本号
+  versionCodeMin: 4,
+  versionCodeMax: 4,
+  bridgeName: "jsvLatexBridge", //插件bridge注册到jsview的名称
+  className: "com.qcode.jsvlatex.JsvLatex",  //插件初始化类名称
+  initMethod: "createInstance",   //插件初始化方法
+  listener: "top.JsvLatexPluginLoadResult",  //插件加载结果回调
+  listener2: "top.JsvLatexPluginStatus",
+  // debug:true,
+  // md5: "f8a12f63d450df862abc6dbf273e258d"
+};
+
+// 不要用export default，update-env脚本不能解析
+// 导出字段要含有 pluginVersionInfo 信息，作为npm时版本参考
+export default PluginInfo;

package/utils/JsViewPlugin/index.js

@@ -1,3 +1,4 @@
 export { default as JsvAccount } from "./JsvAccount/JsvAccount";
 export * from "./JsvPlayer";
-export * from "./JsvAudio";
+export * from "./JsvAudio";
+export * from "./JsvLatex";

package/utils/JsViewVueTools/JsvDynamicCssStyle.js

@@ -13,59 +13,9 @@
  * getCssStyleSheet: 函数，获取 _StyleSheet 实例的函数，可接受一个参数anchor_tag，用来定位CSS rule的群组
  */
 
-class CssStyleSheet {
-  constructor(style_sheet_ref) {
-    this._SS = style_sheet_ref;
-  }
-
-  insertRule(rule_define_string) {
-    const index = this._SS.cssRules.length;
-    this._SS.insertRule(rule_define_string, index);
-  }
-
-  hasRule(name) {
-    const css_rules_ref = this._SS.cssRules;
-    for (let i = css_rules_ref.length - 1; i >= 0; i--) {
-      if (css_rules_ref[i].selectorText === name) {
-        // Found
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  removeRule(name) {
-    this.removeMultiRules([name]);
-  }
-
-  removeMultiRules(names_array) {
-    const style_sheet_ref = this._SS;
-    const css_rules_ref = this._SS.cssRules;
-    // 对CssRules进行删除操作，倒序轮询
-    for (let i = css_rules_ref.length - 1; i >= 0; i--) {
-      for (const j in names_array) {
-        if (css_rules_ref[i].selectorText === names_array[j]) {
-          names_array.splice(j, 1);
-          style_sheet_ref.deleteRule(i);
-          break;
-        }
-      }
-    }
-  }
-}
-
 function getCssStyleGroup() {
-  // 获取所有的style
-  const ss = document.styleSheets;
-  if (!ss || ss.length === 0) {
-    console.error("Error: styleSheet empty");
-    return null;
-  }
-
-  const style_sheets_ref = ss[0]; // 使用第0个作为动态css rule的加入点
-
-  return new CssStyleSheet(style_sheets_ref);
+  console.error("Error: expired api, use JsvStyleSheetsDeclarer instead");
+  return null;
 }
 
 export {

package/utils/JsViewVueTools/JsvPerformance.ts

@@ -0,0 +1,11 @@
+export class JsvPerformance {
+  private static posterSingleThreadDecode: boolean = false;
+
+  static setPosterSingleThreadDecode(v: boolean) {
+    JsvPerformance.posterSingleThreadDecode = v;
+  }
+
+  static getPosterSingleThreadDecode() {
+    return JsvPerformance.posterSingleThreadDecode;
+  }
+}

package/utils/JsViewVueTools/JsvPreDownloader.ts

@@ -1,3 +1,19 @@
+/* 
+ *  JsvPreDownloader 通用下载器，可以在不同的环境中进行资源下载操作。
+ *       JsvPreDownloader.download:实例方法，根据传入参数来下载资源。支持单个url或者url列表，返回Promise对象。
+ *        参数:
+ *        url {string | Array}:  (必填)图片url
+ *        netSetting {string}:   网络设置
+ *        isImage {boolean}  :   是否为图片  
+ * 
+ *       JsvPreDownloader.buildDownloadItem: 实例方法，创建预下载信息项。
+ *        参数:
+ *        url {string}:  (必填)图片url
+ *        netSetting {string}:   网络设置
+ *        isImage {boolean}  :   是否为图片  
+ * 
+ */
+
 interface CallbackInfo {
   status: number,
   info: string,
@@ -8,27 +24,33 @@ interface DownloadListItem {
   netSetting?: string,
   isImage?: boolean,
 }
-const TAG = "JSvPreDownload";
+interface infoObject{
+  errorCode: number
+  errorInfo: string
+  url: null
+}
 
+const TAG = "JSvPreDownload";
+let isNullNumber: number = 0;
+let workNumber: number = 0;
 abstract class JsvPreDownloaderBase {
   public download(url: string | Array<DownloadListItem>, netSetting: string = "", isImage: boolean = false) {
     return new Promise((resolve, reject) => {
       if (typeof url === "string") {
         this.downloadInner(url, netSetting, isImage).then(resolve, reject);
       } else if (Array.isArray(url) && url.length > 0) {
-        const downloadResult = new Array(url.length);
+        const downloadResult = new Array(url.length); 
         const check = () => {
-          let allDone = true;
-          let allSuccess = true;
+          let allDone = false;
+          let allSuccess = true;  
           for (let i of downloadResult) {
-            if (typeof i === "undefined") {
-              allDone = false;
-              break;
-            } else {
-              if (!i.succeed) {
+              if (!i?.succeed) {
                 allSuccess = false;
               }
-            }
+          }
+          if(isNullNumber + workNumber == url.length ){
+
+            allDone = true;
           }
           if (allDone) {
             if (allSuccess) {
@@ -39,13 +61,25 @@ abstract class JsvPreDownloaderBase {
           }
         }
         for (let i = 0; i < url.length; ++i) {
-          this.downloadInner(url[i].url, url[i].netSetting, !!url[i].isImage)
+          if(url[i]==null || url[i].url == null  ){
+            downloadResult[i]={
+              succeed:false,
+              info:{
+                errorCode: 100,
+                errorInfo: "This item is null or url is null",
+                url: null
+              } as infoObject
+            }
+            isNullNumber += 1
+          } else {
+            this.downloadInner(url[i].url, url[i].netSetting, !!url[i].isImage)
             .then(
               (info) => {
                 downloadResult[i] = {
                   succeed: true,
                   info: info,
                 };
+                workNumber += 1
                 check();
               },
               (errorInfo) => {
@@ -53,8 +87,10 @@ abstract class JsvPreDownloaderBase {
                   succeed: false,
                   info: errorInfo,
                 };
+                workNumber += 1
                 check();
               })
+          } 
         }
       } else {
         console.error(TAG, "download url invalid", url);
@@ -63,6 +99,14 @@ abstract class JsvPreDownloaderBase {
     });
   }
 
+  public buildDownloadItem(url: string, netSetting: string = "", isImage: boolean = false) : DownloadListItem {
+      const item: DownloadListItem = {
+        url: url,
+        netSetting: netSetting,
+        isImage: isImage,
+      }
+      return item
+  }
   protected abstract downloadInner(url: string, netSetting: string | undefined, isImage: boolean): Promise<Object>;
 }
 

package/utils/JsViewVueTools/JsvStyleSheetsDeclarer.js

@@ -0,0 +1,40 @@
+
+/*
+ * 【模块 export 内容】
+ * JsvStyleSheetsDeclarer: 动态和删除全局的 CssStyle
+ *      接口：
+ *          DeclareClass(className:string, styleProperties:object)  新加全局Class
+ *                  className: 定义的class的名称, 为了规避全局重名，建议用'-'进行区域区分，例如主界面叫 main-xxxx, 详情页用 detail-xxxx
+ *                  styleProperties: 具体的style定义的对象，内部的名字采用驼峰规范
+ * 
+ *          UndeclareClass(className:string)  删除全局Class
+ *                  className: 通过 DeclareClass 声明的出来的动态className
+ */
+
+class JsvStyleSheetsDeclarer {
+  static DeclareClass(className, styleProperties) {
+    const scopedStyleSheets = {
+      0: {}
+    };
+    if (className.startsWith('.') == false) {
+      className = '.' + className;
+    }
+    scopedStyleSheets[0][className] = JSON.stringify(styleProperties);
+
+    window.JsvCode.Dom.DeclareStyleSheets(scopedStyleSheets);
+  }
+
+  static UndeclareClass(className) {
+    const scopedStyleSheets = {
+      0: {}
+    };
+    if (className.startsWith('.') == false) {
+      className = '.' + className;
+    }
+    scopedStyleSheets[0][className] = '{}';
+
+    window.JsvCode.Dom.UndeclareStyleSheets(scopedStyleSheets);
+  }
+}
+
+export { JsvStyleSheetsDeclarer }

package/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CanvasTexture.ts

@@ -0,0 +1,143 @@
+import ForgeHandles from "../../../JsViewVueTools/ForgeHandles";
+import { TextureBase } from "../Texture"
+import * as Constants from "./CommandList"
+import { RectPath, CirclePath, CustomPath } from "./Path"
+
+class CanvasTexture extends TextureBase {
+    private drawCommands: Array<Object> | null = [];
+    private commited: boolean = false; // commit只能执行一次, 执行过后无法再更改texture内容
+
+    /**
+     * canvasTexture
+     * 
+     * @param {int} width  此Canvas画布的宽度
+     * @param {int} height  此Canvas画布的高度
+     * @param {String|null} baseName 可选, 访问名的前缀信息
+     */
+    constructor(width: Number, height: Number, baseName: String | null) {
+        super(baseName);
+
+        this.drawCommands?.push({
+            "cmd": Constants.CMD_ALLOC_CANVAS,
+            "w": width,
+            "h": height
+        })
+    }
+
+    /**
+     * clearCanvas
+     * 清空canvas
+     */
+    clearCanvas() {
+        this.drawCommands?.push({
+            "cmd": Constants.CMD_CLEAR_CANVAS,
+        })
+    }
+
+    /**
+     * drawColor
+     * 以给定颜色
+     * 
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    drawColor(color: String) {
+        this.drawCommands?.push({
+            "cmd": Constants.CMD_DRAW_COLOR,
+            "clr": color
+        })
+    }
+
+    /**
+     * customPath
+     * 获得Path操作对象，
+     * 在自定义绘制指令后，通过 stroke 或者 fill 来完成绘制
+     * 
+     * @return {CustomPath}
+     */
+    customPath(): CustomPath | null {
+        if (this.drawCommands) {
+            return new CustomPath(this.drawCommands);
+        } else {
+            console.error("already commited");
+            return null;
+        }
+    }
+
+    /**
+     * rectPath
+     * 获得RectPath操作对象，通过 stroke 或者 fill 来完成绘制
+     * 
+     * @param {Number} left 矩形左上角left
+     * @param {Number} top 矩形左上角top
+     * @param {Number} right 矩形右下角right
+     * @param {Number} bottom 矩形右下角bottom
+     * @return {RectPath}
+     */
+    rectPath(left: Number, top: Number, right: Number, bottom: Number): RectPath | null {
+        if (this.drawCommands) {
+            return new RectPath(this.drawCommands, left, top, right, bottom);
+        } else {
+            console.error("already commited");
+            return null;
+        }
+    }
+
+    /**
+     * CirclePath
+     * 获得CirclePath操作对象，通过 stroke 或者 fill 来完成绘制
+     * 
+     * @param {Number} centerX 圆心x
+     * @param {Number} centerY 圆心y
+     * @param {Number} radius 圆半径
+     * @return {CirclePath}
+     */
+    circlePath(centerX: Number, centerY: Number, radius: Number): CirclePath | null {
+        if (this.drawCommands) {
+            return new CirclePath(this.drawCommands, centerX, centerY, radius);
+        } else {
+            console.error("already commited");
+            return null;
+        }
+    }
+
+    /**
+     * drawLine
+     * 绘制一条带有抗锯齿信息的直线
+     * 
+     * @param {Number} fromX 绘制起点X
+     * @param {Number} fromY 绘制起点Y
+     * @param {Number} toX 绘制终点X
+     * @param {Number} toX 绘制终点Y
+     * @param {Number} lineWidth 线宽
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    drawLine(fromX: Number, fromY: Number, toX: Number, toY: Number, lineWidth: Number, color: String) {
+        this.drawCommands?.push({
+            "cmd": Constants.CMD_DRAW_LINE,
+            "x0": fromX,
+            "y0": fromY,
+            "x1": toX,
+            "y1": toY,
+            "lineWidth": lineWidth,
+            "clr": color
+        })
+    }
+
+    // override
+    commit(): String {
+        if (!this.commited) {
+            // 使用当前的指令列表创建CanvasTexture
+            this.textureRef = (ForgeHandles.TextureManager as any).GetCanvasTexture(JSON.stringify(this.drawCommands));
+            this.addToStore();
+            this.commited = true;
+
+            // 清理缓存，节省内存
+            this.drawCommands = null;
+        } else {
+            console.error("Error: should not commit twice");
+        }
+        return super.commit();
+    }
+}
+
+export default CanvasTexture;

package/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CommandList.ts

@@ -0,0 +1,24 @@
+export const CMD_INVALID = 0;
+
+// Canvas初始化
+export const CMD_ALLOC_CANVAS = 1;
+
+// Paint初始化
+export const CMD_PREPARE_PAINT = 2;
+
+// Path初始化
+export const CMD_PREPARE_PATH = 3;
+
+// 绘制指令
+export const CMD_CLEAR_CANVAS = 10;
+export const CMD_DRAW_COLOR = 11;
+export const CMD_DRAW_CIRCLE_WITH_PAINT = 12;
+export const CMD_DRAW_RECT_WITH_PAINT = 13;
+export const CMD_DRAW_PATH_WITH_PAINT = 14;
+export const CMD_DRAW_LINE = 15;
+
+// Path的子命令
+export const PATH_CMD_MOVE_TO = 30;
+export const PATH_CMD_LINE_TO = 31;
+export const PATH_CMD_ARC_TO = 32;
+export const PATH_CMD_CLOSE = 33;

package/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/Path.ts

@@ -0,0 +1,198 @@
+import * as Constants from "./CommandList"
+
+class DrawingPath {
+    protected drawCommandsRefs: Array<Object> = [];
+    protected finishedDraw: boolean = false; // 控制stroke和fill只能调用一次
+
+    constructor(drawCmds: Array<Object>) {
+        this.drawCommandsRefs = drawCmds;
+    }
+
+    /**
+     * stroke
+     * 绘制边框
+     * 
+     * @param {Number} lineWidth 描边的线宽
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    public stroke(lineWidth: Number, color: String) {
+        if (this.finishedDraw) {
+            console.error("Error: path can only draw once");
+            return;
+        }
+
+        this.drawCommandsRefs.push({
+            "cmd": Constants.CMD_PREPARE_PAINT,
+            "type": "stroke",
+            "lineWidth": lineWidth,
+            "clr": color
+        });
+        this.onFinishDraw(); // 调用继承类的完成处理执行绘制
+        this.finishedDraw = true;
+    }
+
+    /**
+     * fill
+     * 绘制填充
+     * 
+     * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
+     */
+    public fill(color: String) {
+        if (this.finishedDraw) {
+            console.error("Error: path can only draw once");
+            return;
+        }
+
+        this.drawCommandsRefs.push({
+            "cmd": Constants.CMD_PREPARE_PAINT,
+            "type": "fill",
+            "clr": color
+        });
+        this.onFinishDraw(); // 调用继承类的完成处理执行绘制
+        this.finishedDraw = true;
+    }
+
+    protected onFinishDraw(): void {
+        // should override be extends class
+    }
+}
+
+// 绘制矩形
+export class RectPath extends DrawingPath {
+    private rectLeft: Number;
+    private rectTop: Number;
+    private rectRight: Number;
+    private rectBottom: Number;
+
+    constructor(drawCmds: Array<Object>, left: Number, top: Number, right: Number, bottom: Number) {
+        super(drawCmds);
+
+        this.rectLeft = left;
+        this.rectTop = top;
+        this.rectRight = right;
+        this.rectBottom = bottom;
+    }
+
+    // override
+    public onFinishDraw(): void {
+        this.drawCommandsRefs.push({
+            "cmd": Constants.CMD_DRAW_RECT_WITH_PAINT,
+            "left": this.rectLeft,
+            "top": this.rectTop,
+            "right": this.rectRight,
+            "bottom": this.rectBottom
+        });
+    }
+}
+
+// 绘制圆形
+export class CirclePath extends DrawingPath {
+    private circleCenterX: Number;
+    private circleCenterY: Number;
+    private circleRadius: Number;
+
+    constructor(drawCmds: Array<Object>, centerX: Number, centerY: Number, radius: Number) {
+        super(drawCmds);
+
+        this.circleCenterX = centerX;
+        this.circleCenterY = centerY;
+        this.circleRadius = radius;
+    }
+
+    // override
+    public onFinishDraw(): void {
+        this.drawCommandsRefs.push({
+            "cmd": Constants.CMD_DRAW_CIRCLE_WITH_PAINT,
+            "x": this.circleCenterX,
+            "y": this.circleCenterY,
+            "radius": this.circleRadius,
+        });
+    }
+}
+
+// 自定义绘制，比如扇形
+export class CustomPath extends DrawingPath {
+    protected pathCommands: Array<Object> | null = [];
+
+    constructor(drawCmds: Array<Object>) {
+        super(drawCmds);
+    }
+
+    /**
+     * moveTo
+     * 将画笔移动到目标位置
+     * 
+     * @param {Number} targetX 目标位置x
+     * @param {Number} targetY 目标位置y
+     */
+    moveTo(targetX: Number, targetY: Number) {
+        this.pathCommands?.push({
+            "cmd": Constants.PATH_CMD_MOVE_TO,
+            "x": targetX,
+            "y": targetY
+        });
+    }
+
+    /**
+     * lineTo
+     * 将画笔从当前位置到目标位置之间绘制一条直线
+     * 
+     * @param {Number} targetX 目标位置x
+     * @param {Number} targetY 目标位置y
+     */
+    lineTo(targetX: Number, targetY: Number) {
+        this.pathCommands?.push({
+            "cmd": Constants.PATH_CMD_LINE_TO,
+            "x": targetX,
+            "y": targetY
+        });
+    }
+
+    /**
+     * arcTo
+     * 绘制以(left, top, right, bottom)围城的矩形为横轴比的椭圆圆弧
+     * 
+     * @param {Number} left 定义椭圆区域的left
+     * @param {Number} top 定义椭圆区域的top
+     * @param {Number} right 定义椭圆区域的right
+     * @param {Number} bottom 定义椭圆区域的bottom
+     * @param {Number} startAngle 起始角度(例如30 = 30度)
+     * @param {Number} sweepAngle 扫过的角度(例如要绘制半圆，则设置180)
+     */
+    arcTo(left: Number, top: Number, right: Number, bottom: Number,
+        startAngle: Number, sweepAngle: Number) {
+        this.pathCommands?.push({
+            "cmd": Constants.PATH_CMD_ARC_TO,
+            "left": left,
+            "top": top,
+            "right": right,
+            "bottom": bottom,
+            "startAngle": startAngle,
+            "sweepAngle": sweepAngle
+        });
+    }
+
+    /**
+     * close
+     * 到此为止的路径进行闭环
+     */
+    close() {
+        this.pathCommands?.push({
+            "cmd": Constants.PATH_CMD_CLOSE,
+        });
+    }
+
+    // override
+    public onFinishDraw(): void {
+        if (this.pathCommands) {
+            this.drawCommandsRefs.push({
+                "cmd": Constants.CMD_PREPARE_PATH
+            })
+            this.drawCommandsRefs.push(...this.pathCommands);
+            this.drawCommandsRefs.push({
+                "cmd": Constants.CMD_DRAW_PATH_WITH_PAINT
+            });
+            this.pathCommands = null; // 节省内存，清理掉缓存
+        }
+    }
+}

package/utils/JsViewVueTools/JsvTextureStore/JsvTextureStore.ts

@@ -0,0 +1,31 @@
+import CanvasTexture from "./CanvasTexture/CanvasTexture";
+import sStore from "./Store";
+
+let sTextureStoreApi: Object = {
+    /**
+     * canvasTexture
+     * 创建CanvasTexture句柄，执行commit()后, 获取访问名(访问名规则: 输入参数 baseName + 分配id)
+     * 可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名"
+     * 
+     * @param {int} width  此Canvas画布的宽度
+     * @param {int} height  此Canvas画布的高度
+     * @param {String|null} baseName 可选, 访问名的前缀信息
+     * @return {CanvasTexture}
+     */
+    canvasTexture: (width: Number, height: Number, baseName: String | null) => {
+        return new CanvasTexture(width, height, baseName);
+    },
+
+    deleteTexture: (storeName: String) => {
+        let textureRef = sStore.getFromStore(storeName);
+        if (textureRef) {
+            // 释放native端的texture实体
+            textureRef.recycle();
+        }
+    }
+}
+
+
+export {
+    sTextureStoreApi as JsvTextureStoreApi,
+}