@shijiu/jsview-vue 0.9.246 → 0.9.254

package/utils/JsViewVueWidget/BrowserDebugWidget/BrowserPreload.vue

@@ -1,80 +1,80 @@
-<script>
-export default {
-  props: {
-    preloadList: Array,
-    downloadList: Array,
-    onPreloadDone: Function, // 预加载完成回调
-    onDownloadDone: Function, // 预下载完成回调
-  },
-  data() {
-    return {
-      preloadStateList: null,
-      downloadStateList: null,
-    };
-  },
-  created() {
-    if (this.preloadList) {
-      this.getPreloadList();
-    }
-    if (this.downloadList) {
-      this.getDownloadList();
-    }
-  },
-  methods: {
-    getPreloadList() {
-      this.preloadStateList = new Array(this.preloadList.length).fill(false);
-      let preloadListData = this.preloadList;
-      for (let i = 0; i < preloadListData.length; i++) {
-        if (!preloadListData[i]) {
-          preloadListData.splice(i, 1);
-          this.preloadIsNullNum++;
-        }
-      }
-      this._PreloadViewList = preloadListData.map((item, index) => {
-        if (!item || !item.url) {
-          this.preloadStateList[index] = true;
-          return null;
-        }
-        const image = new Image();
-        image.onload = () => {
-          if (this.onPreloadDone) {
-            this.onPreloadDone();
-          }
-          this.preloadStateList[index] = true;
-        };
-        image.src = item.url;
-      });
-    },
-    getDownloadList() {
-      this.downloadStateList = new Array(this.downloadList.length).fill(false);
-      let downloadListData = this.downloadList;
-      for (let i = 0; i < downloadListData.length; i++) {
-        if (!downloadListData[i].url) {
-          downloadListData.splice(i, 1);
-        }
-      }
-      this._DownloadViewList = downloadListData.map((item, index) => {
-        if (!item.url) {
-          this.downloadStateList[index] = true;
-          return null;
-        }
-        const image = new Image();
-        image.onload = () => {
-          if (this.onDownloadDone) {
-            this.onDownloadDone();
-          }
-          this.downloadStateList[index] = true;
-          console.log(`pre download succeed ${item.url}`);
-        };
-        image.src = item.url;
-      });
-    }
-  },
-};
-</script>
-
-<template>
-  <!-- 保证该组件不描画任何东西，只是为了触发onload，让网页自行下载图片 -->
-  <div v-if="!preloadList"></div>
-</template>
-
+<script>
+export default {
+  props: {
+    preloadList: Array,
+    downloadList: Array,
+    onPreloadDone: Function, // 预加载完成回调
+    onDownloadDone: Function, // 预下载完成回调
+  },
+  data() {
+    return {
+      preloadStateList: null,
+      downloadStateList: null,
+    };
+  },
+  created() {
+    if (this.preloadList) {
+      this.getPreloadList();
+    }
+    if (this.downloadList) {
+      this.getDownloadList();
+    }
+  },
+  methods: {
+    getPreloadList() {
+      this.preloadStateList = new Array(this.preloadList.length).fill(false);
+      let preloadListData = this.preloadList;
+      for (let i = 0; i < preloadListData.length; i++) {
+        if (!preloadListData[i]) {
+          preloadListData.splice(i, 1);
+          this.preloadIsNullNum++;
+        }
+      }
+      this._PreloadViewList = preloadListData.map((item, index) => {
+        if (!item || !item.url) {
+          this.preloadStateList[index] = true;
+          return null;
+        }
+        const image = new Image();
+        image.onload = () => {
+          if (this.onPreloadDone) {
+            this.onPreloadDone();
+          }
+          this.preloadStateList[index] = true;
+        };
+        image.src = item.url;
+      });
+    },
+    getDownloadList() {
+      this.downloadStateList = new Array(this.downloadList.length).fill(false);
+      let downloadListData = this.downloadList;
+      for (let i = 0; i < downloadListData.length; i++) {
+        if (!downloadListData[i].url) {
+          downloadListData.splice(i, 1);
+        }
+      }
+      this._DownloadViewList = downloadListData.map((item, index) => {
+        if (!item.url) {
+          this.downloadStateList[index] = true;
+          return null;
+        }
+        const image = new Image();
+        image.onload = () => {
+          if (this.onDownloadDone) {
+            this.onDownloadDone();
+          }
+          this.downloadStateList[index] = true;
+          console.log(`pre download succeed ${item.url}`);
+        };
+        image.src = item.url;
+      });
+    }
+  },
+};
+</script>
+
+<template>
+  <!-- 保证该组件不描画任何东西，只是为了触发onload，让网页自行下载图片 -->
+  <div v-if="!preloadList"></div>
+</template>
+

package/utils/JsViewVueWidget/BrowserDebugWidget/BrowserQrcode.vue

@@ -1,148 +1,148 @@
-<script>
-import QRCodeImpl from "qr.js/lib/QRCode";
-export default {
-    props: {
-        value: String,
-        size: Number,
-        fgColor: String,
-        bgColor: String,
-        level: String, // ，容错级别，分别是L(7%)、M(15%)、Q(25%)、H(30%),
-        imageSettings: Object
-    },
-    data() {
-        return {
-            imageStyle: null,
-        }
-    },
-    methods: {
-        convertStr(str) {
-            let out = "";
-            for (let i = 0; i < str.length; i++) {
-                let charcode = str.charCodeAt(i);
-                if (charcode < 0x0080) {
-                out += String.fromCharCode(charcode);
-                } else if (charcode < 0x0800) {
-                out += String.fromCharCode(0xc0 | (charcode >> 6));
-                out += String.fromCharCode(0x80 | (charcode & 0x3f));
-                } else if (charcode < 0xd800 || charcode >= 0xe000) {
-                out += String.fromCharCode(0xe0 | (charcode >> 12));
-                out += String.fromCharCode(0x80 | ((charcode >> 6) & 0x3f));
-                out += String.fromCharCode(0x80 | (charcode & 0x3f));
-                } else {
-                // This is a surrogate pair, so we'll reconsitute the pieces and work
-                // from that
-                i++;
-                charcode =
-                    0x10000 + (((charcode & 0x3ff) << 10) | (str.charCodeAt(i) & 0x3ff));
-                out += String.fromCharCode(0xf0 | (charcode >> 18));
-                out += String.fromCharCode(0x80 | ((charcode >> 12) & 0x3f));
-                out += String.fromCharCode(0x80 | ((charcode >> 6) & 0x3f));
-                out += String.fromCharCode(0x80 | (charcode & 0x3f));
-                }
-            }
-            return out;
-        },
-        generatePath(modules, margin = 0) {
-            const ops = [];
-            modules.forEach((row, y) => {
-                let start = null;
-                row.forEach((cell, x) => {
-                if (!cell && start !== null) {
-                    // M0 0h7v1H0z injects the space with the move and drops the comma,
-                    // saving a char per operation
-                    ops.push(
-                    `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`
-                    );
-                    start = null;
-                    return;
-                }
-
-                // end of row, clean up or skip
-                if (x === row.length - 1) {
-                    if (!cell) {
-                    // We would have closed the op above already so this can only mean
-                    // 2+ light modules in a row.
-                    return;
-                    }
-                    if (start === null) {
-                    // Just a single dark module.
-                    ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
-                    } else {
-                    // Otherwise finish the current line.
-                    ops.push(
-                        `M${start + margin},${y + margin} h${x + 1 - start}v1H${
-                        start + margin
-                        }z`
-                    );
-                    }
-                    return;
-                }
-
-                if (cell && start === null) {
-                    start = x;
-                }
-                });
-            });
-            return ops.join("");
-        },
-        getImageSettings(props) {
-            // const { imageSettings, size } = props;
-            const imageSettings = props.imageSettings;
-            const size = props.size;
-            if (!imageSettings) {
-            return null;
-            }
-            const w = imageSettings.width;
-            const h = imageSettings.height;
-            const x = !imageSettings.x ? size / 2 - w / 2 : imageSettings.x;
-            const y = !imageSettings.y ? size / 2 - h / 2 : imageSettings.y;
-
-            return { x, y, h, w };
-        },
-        renderQrcode() {
-            // const { value, size, level, bgColor, fgColor, imageSettings,} = this.props;
-            const ErrorCorrectLevel = require("qr.js/lib/ErrorCorrectLevel");
-            const qrcode = new QRCodeImpl(-1, ErrorCorrectLevel[this.level]);
-            qrcode.addData(this.convertStr(this.value));
-            qrcode.make();
-
-            const cells = qrcode.modules;
-            if (cells === null) {
-                return null;
-            }
-
-            const margin = 2;
-            const numCells = cells.length + margin * 2;
-            const propsData = {value: this.value, size: this.size, level: this.level, bgColor: this.bgColor, fgColor: this.fgColor, imageSettings: this.imageSettings,}
-            const calculatedImageSettings = this.getImageSettings(propsData);
-            if (this.imageSettings) {
-                this.imageStyle = {
-                    backgroundImage: `url(${this.imageSettings.src})`,
-                    height: calculatedImageSettings.h,
-                    width: calculatedImageSettings.w,
-                    left: calculatedImageSettings.x + margin,
-                    top: calculatedImageSettings.y + margin
-                }
-            }
-            const fgPath = this.generatePath(cells, margin);
-            return {numCells, fgPath};
-        }
-    },
-}
-</script>
-
-<template>
-    <div>
-        <jsvsvg
-            :type="'qrcode'"
-            :shapeRendering="'crispEdges'"
-            :height="size"
-            :width="size"
-            :viewBox="'0 0 ' + renderQrcode().numCells + ' ' + renderQrcode().numCells"
-        >
-            <jsvpath :fill="bgColor" :d="'M0,0 h' + renderQrcode().numCells + 'v' + renderQrcode().numCells + 'H0z'" />
-            <jsvpath :fill="fgColor" :d="renderQrcode().fgPath" />
-        </jsvsvg>
-        <div :style="imageStyle"></div>
-    </div>
+<script>
+import QRCodeImpl from "qr.js/lib/QRCode";
+export default {
+    props: {
+        value: String,
+        size: Number,
+        fgColor: String,
+        bgColor: String,
+        level: String, // ，容错级别，分别是L(7%)、M(15%)、Q(25%)、H(30%),
+        imageSettings: Object
+    },
+    data() {
+        return {
+            imageStyle: null,
+        }
+    },
+    methods: {
+        convertStr(str) {
+            let out = "";
+            for (let i = 0; i < str.length; i++) {
+                let charcode = str.charCodeAt(i);
+                if (charcode < 0x0080) {
+                out += String.fromCharCode(charcode);
+                } else if (charcode < 0x0800) {
+                out += String.fromCharCode(0xc0 | (charcode >> 6));
+                out += String.fromCharCode(0x80 | (charcode & 0x3f));
+                } else if (charcode < 0xd800 || charcode >= 0xe000) {
+                out += String.fromCharCode(0xe0 | (charcode >> 12));
+                out += String.fromCharCode(0x80 | ((charcode >> 6) & 0x3f));
+                out += String.fromCharCode(0x80 | (charcode & 0x3f));
+                } else {
+                // This is a surrogate pair, so we'll reconsitute the pieces and work
+                // from that
+                i++;
+                charcode =
+                    0x10000 + (((charcode & 0x3ff) << 10) | (str.charCodeAt(i) & 0x3ff));
+                out += String.fromCharCode(0xf0 | (charcode >> 18));
+                out += String.fromCharCode(0x80 | ((charcode >> 12) & 0x3f));
+                out += String.fromCharCode(0x80 | ((charcode >> 6) & 0x3f));
+                out += String.fromCharCode(0x80 | (charcode & 0x3f));
+                }
+            }
+            return out;
+        },
+        generatePath(modules, margin = 0) {
+            const ops = [];
+            modules.forEach((row, y) => {
+                let start = null;
+                row.forEach((cell, x) => {
+                if (!cell && start !== null) {
+                    // M0 0h7v1H0z injects the space with the move and drops the comma,
+                    // saving a char per operation
+                    ops.push(
+                    `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`
+                    );
+                    start = null;
+                    return;
+                }
+
+                // end of row, clean up or skip
+                if (x === row.length - 1) {
+                    if (!cell) {
+                    // We would have closed the op above already so this can only mean
+                    // 2+ light modules in a row.
+                    return;
+                    }
+                    if (start === null) {
+                    // Just a single dark module.
+                    ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
+                    } else {
+                    // Otherwise finish the current line.
+                    ops.push(
+                        `M${start + margin},${y + margin} h${x + 1 - start}v1H${
+                        start + margin
+                        }z`
+                    );
+                    }
+                    return;
+                }
+
+                if (cell && start === null) {
+                    start = x;
+                }
+                });
+            });
+            return ops.join("");
+        },
+        getImageSettings(props) {
+            // const { imageSettings, size } = props;
+            const imageSettings = props.imageSettings;
+            const size = props.size;
+            if (!imageSettings) {
+            return null;
+            }
+            const w = imageSettings.width;
+            const h = imageSettings.height;
+            const x = !imageSettings.x ? size / 2 - w / 2 : imageSettings.x;
+            const y = !imageSettings.y ? size / 2 - h / 2 : imageSettings.y;
+
+            return { x, y, h, w };
+        },
+        renderQrcode() {
+            // const { value, size, level, bgColor, fgColor, imageSettings,} = this.props;
+            const ErrorCorrectLevel = require("qr.js/lib/ErrorCorrectLevel");
+            const qrcode = new QRCodeImpl(-1, ErrorCorrectLevel[this.level]);
+            qrcode.addData(this.convertStr(this.value));
+            qrcode.make();
+
+            const cells = qrcode.modules;
+            if (cells === null) {
+                return null;
+            }
+
+            const margin = 2;
+            const numCells = cells.length + margin * 2;
+            const propsData = {value: this.value, size: this.size, level: this.level, bgColor: this.bgColor, fgColor: this.fgColor, imageSettings: this.imageSettings,}
+            const calculatedImageSettings = this.getImageSettings(propsData);
+            if (this.imageSettings) {
+                this.imageStyle = {
+                    backgroundImage: `url(${this.imageSettings.src})`,
+                    height: calculatedImageSettings.h,
+                    width: calculatedImageSettings.w,
+                    left: calculatedImageSettings.x + margin,
+                    top: calculatedImageSettings.y + margin
+                }
+            }
+            const fgPath = this.generatePath(cells, margin);
+            return {numCells, fgPath};
+        }
+    },
+}
+</script>
+
+<template>
+    <div>
+        <jsvsvg
+            :type="'qrcode'"
+            :shapeRendering="'crispEdges'"
+            :height="size"
+            :width="size"
+            :viewBox="'0 0 ' + renderQrcode().numCells + ' ' + renderQrcode().numCells"
+        >
+            <jsvpath :fill="bgColor" :d="'M0,0 h' + renderQrcode().numCells + 'v' + renderQrcode().numCells + 'H0z'" />
+            <jsvpath :fill="fgColor" :d="renderQrcode().fgPath" />
+        </jsvsvg>
+        <div :style="imageStyle"></div>
+    </div>
 </template>

package/utils/JsViewVueWidget/BrowserDebugWidget/BrowserSpray.vue

@@ -1,55 +1,55 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-10-13 11:02:42
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 15:10:01
- * @Description: file content
--->
-<script>
-import { Forge } from "../../../dom/jsv-forge-define";
-
-export default {
-  props: {
-    pointRes: {
-      type: String,
-      required: true,
-    },
-    sprayStyle: {
-      type: Object,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      viewId: -1,
-    };
-  },
-  computed: {
-    viewWidth() {
-      return this.sprayStyle.deltaWidth === 0 ? 1 : this.sprayStyle.deltaWidth * 2;
-    },
-    viewHeight() {
-      return this.sprayStyle.deltaHeight === 0 ? 1 : this.sprayStyle.deltaHeight * 2;
-    },
-  },
-  mounted() {
-    const viewSize = {
-      width: this.viewWidth,
-      height: this.viewHeight,
-    };
-    this.viewId = Forge.sParticleManager.addParticle(
-      this.sprayStyle,
-      this.pointRes,
-      viewSize,
-      this.$refs.element
-    );
-  },
-  beforeUnmount() {
-    Forge.sParticleManager.recycleView(this.viewId);
-  }
-};
-</script>
-
-<template>
-  <div ref="element" :style="{ width: viewWidth, height: viewHeight }" />
+<!--
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 11:02:42
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 15:10:01
+ * @Description: file content
+-->
+<script>
+import { Forge } from "../../../dom/jsv-forge-define";
+
+export default {
+  props: {
+    pointRes: {
+      type: String,
+      required: true,
+    },
+    sprayStyle: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      viewId: -1,
+    };
+  },
+  computed: {
+    viewWidth() {
+      return this.sprayStyle.deltaWidth === 0 ? 1 : this.sprayStyle.deltaWidth * 2;
+    },
+    viewHeight() {
+      return this.sprayStyle.deltaHeight === 0 ? 1 : this.sprayStyle.deltaHeight * 2;
+    },
+  },
+  mounted() {
+    const viewSize = {
+      width: this.viewWidth,
+      height: this.viewHeight,
+    };
+    this.viewId = Forge.sParticleManager.addParticle(
+      this.sprayStyle,
+      this.pointRes,
+      viewSize,
+      this.$refs.element
+    );
+  },
+  beforeUnmount() {
+    Forge.sParticleManager.recycleView(this.viewId);
+  }
+};
+</script>
+
+<template>
+  <div ref="element" :style="{ width: viewWidth, height: viewHeight }" />
 </template>

package/utils/JsViewVueWidget/BrowserDebugWidget/JsvApic/ApicDataBase.js

@@ -1,29 +1,29 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 14:00:38
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 14:11:14
- * @Description: file content
- */
-
-class ApicDataBase {
-  constructor(arrayBuffer) {
-    this.LoopCount = 0;
-    this.FrameCount = 0;
-    this.Width = 0;
-    this.Height = 0;
-    this._Canvas = window.originDocument.createElement("canvas");
-    this._Context = this._Canvas.getContext("2d");
-    this._DecodedData = null;
-    this.decode(arrayBuffer);
-  }
-
-  decode(arrayBuffer) {
-    console.log("decode need override ", arrayBuffer);
-  }
-
-  toImage(frameIndex, canvas, canvasCtx) {
-    console.log("toImage need override ", frameIndex, canvas, canvasCtx);
-  }
-}
+/*
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 14:00:38
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 14:11:14
+ * @Description: file content
+ */
+
+class ApicDataBase {
+  constructor(arrayBuffer) {
+    this.LoopCount = 0;
+    this.FrameCount = 0;
+    this.Width = 0;
+    this.Height = 0;
+    this._Canvas = window.originDocument.createElement("canvas");
+    this._Context = this._Canvas.getContext("2d");
+    this._DecodedData = null;
+    this.decode(arrayBuffer);
+  }
+
+  decode(arrayBuffer) {
+    console.log("decode need override ", arrayBuffer);
+  }
+
+  toImage(frameIndex, canvas, canvasCtx) {
+    console.log("toImage need override ", frameIndex, canvas, canvasCtx);
+  }
+}
 export default ApicDataBase;