@shijiu/jsview-vue 0.9.254 → 0.9.267

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

@@ -1,141 +1,141 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 14:01:01
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 14:10:28
- * @Description: file content
- */
-import ApicDataBase from "./ApicDataBase";
-
-class WebpData extends ApicDataBase {
-  decode(array_buffer) {
-    let webp_data = new Uint8Array(array_buffer);
-    let webp_decoder = new window.WebPDecoder();
-    let image_data = window.WebPRiffParser(webp_data, 0);
-
-    let blend = false;
-    let header = image_data["header"] ? image_data["header"] : null;
-    let frames = image_data["frames"] ? image_data["frames"] : null;
-    if (header) {
-      this.LoopCount = header["loop_count"];
-      header["loop_counter"] = header["loop_count"];
-      this._Canvas.height = header["canvas_height"];
-      this._Canvas.width = header["canvas_width"];
-      this.Width = header["canvas_width"];
-      this.Height = header["canvas_height"];
-      for (let f = 0; f < frames.length; f++) {
-        if (frames[f]["blend"] === 0) {
-          blend = true;
-          break;
-        }
-      }
-    }
-    this.FrameCount = frames.length;
-    for (let f = 0; f < frames.length; f++) {
-      let height = [0];
-      let width = [0];
-      let frame = frames[f];
-      let rgba = webp_decoder.WebPDecodeRGBA(
-        webp_data,
-        frame["src_off"],
-        frame["src_size"],
-        width,
-        height
-      );
-      frame["rgba"] = rgba;
-      frame["imgwidth"] = width[0];
-      frame["imgheight"] = height[0];
-
-      let oldimagedata = [];
-      if (!header) {
-        this._Canvas.height = height[0];
-        this._Canvas.width = width[0];
-      } else {
-        if (blend) {
-          let oldimagedata_ = this._Context.getImageData(
-            frame["offset_x"],
-            frame["offset_y"],
-            width[0],
-            height[0]
-          );
-          for (let i = 0; i < width[0] * height[0] * 4; i++) {
-            oldimagedata[i] = oldimagedata_.data[i];
-          }
-        }
-      }
-      let imagedata = this._Context.createImageData(width[0], height[0]);
-
-      if (
-        (frames.length === 1 && typeof frame["blend"] === "undefined") ||
-        frame["blend"] === 1
-      ) {
-        for (let i = 0; i < width[0] * height[0] * 4; i++)
-          imagedata.data[i] = rgba[i];
-      } else {
-        for (let i = 0; i < width[0] * height[0] * 4; i += 4) {
-          if (rgba[i + 3] > 0) {
-            imagedata.data[i + 3] = rgba[i + 3];
-            imagedata.data[i] = rgba[i];
-            imagedata.data[i + 1] = rgba[i + 1];
-            imagedata.data[i + 2] = rgba[i + 2];
-          } else {
-            imagedata.data[i + 3] = oldimagedata[i + 3];
-            imagedata.data[i] = oldimagedata[i];
-            imagedata.data[i + 1] = oldimagedata[i + 1];
-            imagedata.data[i + 2] = oldimagedata[i + 2];
-          }
-        }
-      }
-      if (frames.length === 1) {
-        this._Context.putImageData(imagedata, 0, 0);
-      } else {
-        this._Context.putImageData(
-          imagedata,
-          frame["offset_x"],
-          frame["offset_y"]
-        );
-      }
-
-      frame["frameData"] = frame["rgba"]
-        ? header
-          ? this._Context.getImageData(
-              0,
-              0,
-              header["canvas_width"],
-              header["canvas_height"]
-            ).data
-          : rgba
-        : null;
-      if (frame["dispose"] === 1) {
-        this._Context.clearRect(
-          frame["offset_x"],
-          frame["offset_y"],
-          width[0],
-          height[0]
-        );
-      }
-    }
-    this._DecodedData = image_data;
-  }
-
-  toImage(frame_index, canvas, canvas_ctx) {
-    let frame = this._DecodedData["frames"][frame_index];
-    let width = this._DecodedData["header"]
-      ? this._DecodedData["header"]["canvas_width"]
-      : frame["imgwidth"];
-    let height = this._DecodedData["header"]
-      ? this._DecodedData["header"]["canvas_height"]
-      : frame["imgheight"];
-    canvas.width = width;
-    canvas.height = height;
-    let image_data = canvas_ctx.createImageData(width, height);
-    let frame_data = frame["frameData"];
-    image_data.data.set(frame_data);
-    // for(let i = 0;i < width * height * 4; i++)
-    // 	image_data.data[i] = frame_data[i];
-    canvas_ctx.putImageData(image_data, 0, 0);
-    return frame["duration"];
-  }
-}
-
-export default WebpData;
+/*
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 14:01:01
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-13 14:10:28
+ * @Description: file content
+ */
+import ApicDataBase from "./ApicDataBase";
+
+class WebpData extends ApicDataBase {
+  decode(array_buffer) {
+    let webp_data = new Uint8Array(array_buffer);
+    let webp_decoder = new window.WebPDecoder();
+    let image_data = window.WebPRiffParser(webp_data, 0);
+
+    let blend = false;
+    let header = image_data["header"] ? image_data["header"] : null;
+    let frames = image_data["frames"] ? image_data["frames"] : null;
+    if (header) {
+      this.LoopCount = header["loop_count"];
+      header["loop_counter"] = header["loop_count"];
+      this._Canvas.height = header["canvas_height"];
+      this._Canvas.width = header["canvas_width"];
+      this.Width = header["canvas_width"];
+      this.Height = header["canvas_height"];
+      for (let f = 0; f < frames.length; f++) {
+        if (frames[f]["blend"] === 0) {
+          blend = true;
+          break;
+        }
+      }
+    }
+    this.FrameCount = frames.length;
+    for (let f = 0; f < frames.length; f++) {
+      let height = [0];
+      let width = [0];
+      let frame = frames[f];
+      let rgba = webp_decoder.WebPDecodeRGBA(
+        webp_data,
+        frame["src_off"],
+        frame["src_size"],
+        width,
+        height
+      );
+      frame["rgba"] = rgba;
+      frame["imgwidth"] = width[0];
+      frame["imgheight"] = height[0];
+
+      let oldimagedata = [];
+      if (!header) {
+        this._Canvas.height = height[0];
+        this._Canvas.width = width[0];
+      } else {
+        if (blend) {
+          let oldimagedata_ = this._Context.getImageData(
+            frame["offset_x"],
+            frame["offset_y"],
+            width[0],
+            height[0]
+          );
+          for (let i = 0; i < width[0] * height[0] * 4; i++) {
+            oldimagedata[i] = oldimagedata_.data[i];
+          }
+        }
+      }
+      let imagedata = this._Context.createImageData(width[0], height[0]);
+
+      if (
+        (frames.length === 1 && typeof frame["blend"] === "undefined") ||
+        frame["blend"] === 1
+      ) {
+        for (let i = 0; i < width[0] * height[0] * 4; i++)
+          imagedata.data[i] = rgba[i];
+      } else {
+        for (let i = 0; i < width[0] * height[0] * 4; i += 4) {
+          if (rgba[i + 3] > 0) {
+            imagedata.data[i + 3] = rgba[i + 3];
+            imagedata.data[i] = rgba[i];
+            imagedata.data[i + 1] = rgba[i + 1];
+            imagedata.data[i + 2] = rgba[i + 2];
+          } else {
+            imagedata.data[i + 3] = oldimagedata[i + 3];
+            imagedata.data[i] = oldimagedata[i];
+            imagedata.data[i + 1] = oldimagedata[i + 1];
+            imagedata.data[i + 2] = oldimagedata[i + 2];
+          }
+        }
+      }
+      if (frames.length === 1) {
+        this._Context.putImageData(imagedata, 0, 0);
+      } else {
+        this._Context.putImageData(
+          imagedata,
+          frame["offset_x"],
+          frame["offset_y"]
+        );
+      }
+
+      frame["frameData"] = frame["rgba"]
+        ? header
+          ? this._Context.getImageData(
+              0,
+              0,
+              header["canvas_width"],
+              header["canvas_height"]
+            ).data
+          : rgba
+        : null;
+      if (frame["dispose"] === 1) {
+        this._Context.clearRect(
+          frame["offset_x"],
+          frame["offset_y"],
+          width[0],
+          height[0]
+        );
+      }
+    }
+    this._DecodedData = image_data;
+  }
+
+  toImage(frame_index, canvas, canvas_ctx) {
+    let frame = this._DecodedData["frames"][frame_index];
+    let width = this._DecodedData["header"]
+      ? this._DecodedData["header"]["canvas_width"]
+      : frame["imgwidth"];
+    let height = this._DecodedData["header"]
+      ? this._DecodedData["header"]["canvas_height"]
+      : frame["imgheight"];
+    canvas.width = width;
+    canvas.height = height;
+    let image_data = canvas_ctx.createImageData(width, height);
+    let frame_data = frame["frameData"];
+    image_data.data.set(frame_data);
+    // for(let i = 0;i < width * height * 4; i++)
+    // 	image_data.data[i] = frame_data[i];
+    canvas_ctx.putImageData(image_data, 0, 0);
+    return frame["duration"];
+  }
+}
+
+export default WebpData;

package/utils/JsViewVueWidget/BrowserDebugWidget/WidgetLoader.js

@@ -1,20 +1,20 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 15:19:49
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-14 18:22:35
- * @Description: file content
- */
-import { JsvWidgetWrapperGroup } from "./WidgetWrapper";
-//考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-import * as BrowserApic from "./JsvApic/BrowserApic.vue";
-import * as BrowserSpray from "./BrowserSpray.vue";
-import * as BrowserPreload from "./BrowserPreload.vue";
-import * as BrowserQrcode from "./BrowserQrcode.vue";
-
-JsvWidgetWrapperGroup.BrowserApic = BrowserApic;
-JsvWidgetWrapperGroup.BrowserSpray = BrowserSpray;
-JsvWidgetWrapperGroup.BrowserPreload = BrowserPreload;
-JsvWidgetWrapperGroup.BrowserQrcode = BrowserQrcode;
-
-// console.log("load browser widgets.");
+/*
+ * @Author: ChenChanghua
+ * @Date: 2021-10-13 15:19:49
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-14 18:22:35
+ * @Description: file content
+ */
+import { JsvWidgetWrapperGroup } from "./WidgetWrapper";
+//考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
+import * as BrowserApic from "./JsvApic/BrowserApic.vue";
+import * as BrowserSpray from "./BrowserSpray.vue";
+import * as BrowserPreload from "./BrowserPreload.vue";
+import * as BrowserQrcode from "./BrowserQrcode.vue";
+
+JsvWidgetWrapperGroup.BrowserApic = BrowserApic;
+JsvWidgetWrapperGroup.BrowserSpray = BrowserSpray;
+JsvWidgetWrapperGroup.BrowserPreload = BrowserPreload;
+JsvWidgetWrapperGroup.BrowserQrcode = BrowserQrcode;
+
+// console.log("load browser widgets.");