@shijiu/jsview-vue 2.2.373 → 2.3.0

package/bin/browser/BrowserApicLib.mjs

@@ -1,431 +0,0 @@
-import { a as LoopToolBase, L as LoopType, A as ApicEndState } from '../jsview-vue-common.mjs';
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/PartLoopTool.js}
- */
-class PartLoopTool extends LoopToolBase {
-  constructor(info_list) {
-    super();
-    this.mLoopPeriod = 0;
-    this.mCurLoopStartFrame = 0;
-    this.mCurLoopEndFrame = 0;
-    this.mCurLoopNum = 0;
-    this.mCurLoopCount = 0;
-    if (info_list == null) {
-      console.error("PartLoopTool info is null.");
-      return;
-    }
-    this.mLoopInfo = info_list;
-  }
-  getNextIndex(curIndex) {
-    if (!this.mValid) {
-      return -1;
-    }
-    let next_index = -1;
-    let loop_period_num = this.mLoopInfo.length;
-    if (this.mLoopPeriod < loop_period_num) {
-      if (curIndex < this.mCurLoopEndFrame) {
-        next_index = curIndex + 1;
-      } else {
-        if (this.mCurLoopNum <= 0) {
-          next_index = this.mCurLoopStartFrame;
-        } else {
-          this.mCurLoopCount++;
-          if (this.mCurLoopCount >= this.mCurLoopNum) {
-            this.mLoopPeriod++;
-            if (this.mLoopPeriod < loop_period_num) {
-              this.mValid = this.updateLoop();
-              if (this.mValid) {
-                this.mCurLoopCount = 0;
-                next_index = this.mCurLoopStartFrame;
-              }
-            } else {
-            }
-          } else {
-            next_index = this.mCurLoopStartFrame;
-          }
-        }
-      }
-    } else {
-    }
-    return next_index;
-  }
-  updateLoop() {
-    let loop = this.mLoopInfo[this.mLoopPeriod];
-    this.mCurLoopNum = loop[0];
-    this.mCurLoopStartFrame = loop[1];
-    this.mCurLoopEndFrame = loop[2];
-    if (isNaN(this.mCurLoopNum) || isNaN(this.mCurLoopStartFrame) || isNaN(this.mCurLoopEndFrame) || this.mCurLoopStartFrame >= this.mTotalFrameNum || this.mCurLoopEndFrame >= this.mTotalFrameNum || this.mCurLoopStartFrame >= this.mCurLoopEndFrame) {
-      console.error("data error, frame number out of size.", this.mLoopInfo);
-      return false;
-    } else {
-      return true;
-    }
-  }
-  setApicInfo(frameNum, loopNum) {
-    this.mTotalFrameNum = frameNum;
-    this.mValid = this.updateLoop();
-    if (!this.mValid) {
-      console.log("PartLoopTool init loop info error." + this.mLoopInfo.toString());
-    } else {
-      this.mNextFrameIndex = this.mCurLoopStartFrame;
-    }
-  }
-}
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/NormalLoopTool.js}
- */
-class NormalLoopTool extends LoopToolBase {
-  constructor(loop_type, loop_num) {
-    super();
-    this.mLoopType = loop_type;
-    this.mLoopNum = loop_num;
-    this.mLoopCount = 0;
-  }
-  getNextIndex(curFrame) {
-    if (!this.mValid) {
-      return -1;
-    }
-    let next_index = -1;
-    switch (this.mLoopType) {
-      case LoopType.LOOP_DEFAULT:
-        if (this.mLoopNum <= 0) {
-          next_index = (curFrame + 1) % this.mTotalFrameNum;
-        } else {
-          if (curFrame == this.mTotalFrameNum - 1) {
-            this.mLoopCount++;
-          }
-          next_index = this.mLoopCount >= this.mLoopNum ? -1 : (curFrame + 1) % this.mTotalFrameNum;
-        }
-        break;
-      case LoopType.LOOP_INFINITE:
-        next_index = (curFrame + 1) % this.mTotalFrameNum;
-        break;
-      case LoopType.LOOP_FINITE:
-        if (curFrame == this.mTotalFrameNum - 1) {
-          this.mLoopCount++;
-        }
-        next_index = this.mLoopCount >= this.mLoopNum ? -1 : (curFrame + 1) % this.mTotalFrameNum;
-        break;
-      default:
-    }
-    return next_index;
-  }
-  setApicInfo(frameNum, loopNum) {
-    this.mTotalFrameNum = frameNum;
-    this.mLoopNum = this.mLoopType == LoopType.LOOP_DEFAULT ? loopNum : this.mLoopNum;
-    this.mNextFrameIndex = 0;
-    this.mValid = true;
-  }
-}
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/SingleLoopTool.js}
- */
-class SingleLoopTool extends LoopToolBase {
-  constructor(index) {
-    super();
-    this.mTargetIndex = index;
-  }
-  getNextIndex(curIndex) {
-    return -1;
-  }
-  setApicInfo(frame_num, loop_num) {
-    this.mTotalFrameNum = frame_num;
-    this.mNextFrameIndex = this.mTargetIndex;
-  }
-}
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/Viewer.js}
- */
-class Viewer {
-  constructor(apic_data, canvas, listener) {
-    this._ApicData = apic_data;
-    this._Canvas = canvas;
-    this._Context = this._Canvas.getContext("2d");
-    this._Listener = listener;
-    this._TimeoutId = -1;
-    this._EndState = ApicEndState.LAST_FRAME;
-    this._CurrentIndex = -1;
-  }
-  _createLoopTool(loop_type, loop_info) {
-    let loop_num = null;
-    switch (loop_type) {
-      case LoopType.LOOP_DEFAULT:
-      case LoopType.LOOP_INFINITE:
-      case LoopType.LOOP_FINITE:
-        loop_num = loop_type == LoopType.LOOP_DEFAULT ? this._ApicData.LoopCount : loop_info[0][0];
-        this._LoopTool = new NormalLoopTool(
-          loop_type,
-          loop_num
-        );
-        break;
-      case LoopType.LOOP_PART:
-        this._LoopTool = new PartLoopTool(
-          loop_info,
-          this._ApicData.FrameCount
-        );
-        break;
-      case LoopType.LOOP_SINGLE:
-        this._LoopTool = new SingleLoopTool(loop_info[0][1]);
-        break;
-      default:
-        this._LoopTool = new NormalLoopTool(
-          LoopType.LOOP_DEFAULT,
-          -1
-        );
-    }
-    this._LoopTool.setApicInfo(this._ApicData.FrameCount, this._ApicData.LoopCount);
-  }
-  stop(frameCount = -1) {
-    clearTimeout(this._TimeoutId);
-    if (frameCount >= 0 && this._CurrentIndex !== frameCount) {
-      this._CurrentIndex = frameCount;
-      this.renderFrame(frameCount);
-    }
-    if (this._Listener?.onend) {
-      this._Listener.onend();
-    }
-  }
-  play(loopType, loopInfo, endState = ApicEndState.LAST_FRAME) {
-    this._EndState = endState;
-    let lInfo;
-    if (loopInfo instanceof Array) {
-      lInfo = loopInfo;
-    } else if (!isNaN(loopInfo)) {
-      lInfo = [[loopInfo, 0, 0]];
-    } else {
-      lInfo = [[0, 0, 0]];
-    }
-    this._createLoopTool(loopType, lInfo);
-    clearTimeout(this._TimeoutId);
-    this.renderLoop();
-    if (this._Listener?.onstart) {
-      this._Listener.onstart();
-    }
-  }
-  renderLoop() {
-    if (this._LoopTool.hasNext()) {
-      this._CurrentIndex = this._LoopTool.next();
-      let duration = this.renderFrame(this._CurrentIndex);
-      this._TimeoutId = setTimeout(() => {
-        this.renderLoop();
-      }, duration);
-    } else {
-      console.log("loop finished");
-      if (this._EndState == ApicEndState.HIDE) {
-        this._Context.clearRect(0, 0, this._Canvas.width, this._Canvas.height);
-      }
-      if (this._Listener?.onend) {
-        this._Listener.onend();
-      }
-    }
-  }
-  renderFrame(frame_index) {
-    return this._ApicData.toImage(frame_index, this._Canvas, this._Context);
-  }
-}
-
-/* 
- + @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) {
-    this.LoopCount = 0;
-    this.FrameCount = 0;
-    this.Width = 0;
-    this.Height = 0;
-    this._Canvas = renderDocument.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);
-  }
-}
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/WebpData.js}
- */
-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);
-    canvas_ctx.putImageData(image_data, 0, 0);
-    return frame["duration"];
-  }
-}
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/GifData.js}
- */
-class GifData extends ApicDataBase {
-  decode(array_buffer) {
-    const gif = window.ApicTools.parseGIF(array_buffer);
-    this._DecodedData = window.ApicTools.decompressFrames(gif, true);
-    this.LoopCount = 0;
-    this.FrameCount = this._DecodedData.length;
-    this.Width = this._DecodedData[0].dims.width;
-    this.Height = this._DecodedData[0].dims.height;
-    for (let i = 0; i < this._DecodedData.length; i++) {
-      let frame = this._DecodedData[i];
-      if (frame["dims"]["width"] !== this.Width || frame["dims"]["height"] !== this.Height) {
-        let pre_frame_data = this._DecodedData[i - 1]["frameData"];
-        let left = frame["dims"]["left"];
-        let top = frame["dims"]["top"];
-        let width = frame["dims"]["width"];
-        let height = frame["dims"]["height"];
-        let patch_data = frame["patch"];
-        let image_data = new Uint8ClampedArray(this.Width * this.Height * 4);
-        for (let x = 0; x < this.Width; x++) {
-          for (let y = 0; y < this.Height; y++) {
-            let patch_x = x - left;
-            let patch_y = y - top;
-            let pixel_index = y * this.Width + x;
-            let patch_pixel_index = patch_y * width + patch_x;
-            if (x >= left && x < left + width && y >= top && y < top + height && patch_data[patch_pixel_index * 4 + 3] > 0) {
-              image_data[pixel_index * 4] = patch_data[patch_pixel_index * 4];
-              image_data[pixel_index * 4 + 1] = patch_data[patch_pixel_index * 4 + 1];
-              image_data[pixel_index * 4 + 2] = patch_data[patch_pixel_index * 4 + 2];
-              image_data[pixel_index * 4 + 3] = patch_data[patch_pixel_index * 4 + 3];
-            } else {
-              image_data[pixel_index * 4] = pre_frame_data[pixel_index * 4];
-              image_data[pixel_index * 4 + 1] = pre_frame_data[pixel_index * 4 + 1];
-              image_data[pixel_index * 4 + 2] = pre_frame_data[pixel_index * 4 + 2];
-              image_data[pixel_index * 4 + 3] = pre_frame_data[pixel_index * 4 + 3];
-            }
-          }
-        }
-        frame["frameData"] = image_data;
-      } else {
-        frame["frameData"] = frame["patch"];
-      }
-    }
-  }
-  toImage(frame_index, canvas, canvas_ctx) {
-    canvas.width = this.Width;
-    canvas.height = this.Height;
-    let frame = this._DecodedData[frame_index];
-    let image_data = canvas_ctx.createImageData(this.Width, this.Height);
-    image_data.data.set(frame["frameData"]);
-    canvas_ctx.putImageData(image_data, 0, 0);
-    return frame["delay"];
-  }
-}
-
-/* 
- + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvBrowserApicLib/BrowserApicLib.js}
- */
-
-export { GifData as G, Viewer as V, WebpData as W };

package/bin/browser/BrowserJsvFragShaderView.vue.mjs

@@ -1,79 +0,0 @@
-import { onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle } from 'vue';
-
-/* 
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvFragShaderView/BrowserJsvFragShaderView.vue}
- */
-const _sfc_main = {
-  __name: "BrowserJsvFragShaderView",
-  props: {
-    style: {
-      type: Object,
-      required: true
-    },
-    duration: {
-      type: Number,
-      default: -1
-    },
-    autoplay: {
-      type: Boolean,
-      default: false
-    },
-    shaderStr: {
-      type: String,
-      required: true
-    },
-    // [{ name: string, value: number }]
-    uniforms: {
-      type: Array
-    },
-    // [{ name: string, type: number, resource: object/string }]
-    textures: {
-      type: Array
-    },
-    onEnd: {
-      type: Function
-    },
-    onStart: {
-      type: Function
-    }
-  },
-  setup(__props, { expose }) {
-    const props = __props;
-    let vMounted = false;
-    onMounted(() => {
-      vMounted = true;
-    });
-    onUnmounted(() => {
-      vMounted = false;
-    });
-    expose({
-      startAnim: () => {
-        props.onStart?.();
-        setTimeout(() => {
-          if (vMounted) {
-            props.onEnd?.();
-          }
-        }, 0);
-      },
-      stopAnim: () => {
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({
-          left: __props.style.left,
-          top: __props.style.top,
-          width: __props.style.width,
-          height: __props.style.height,
-          backgroundColor: "#00000077",
-          fontSize: 50,
-          color: "#ffffff",
-          textAlign: "center",
-          lineHeight: __props.style.height
-        })
-      }, " 浏览器端未支持JsvFragShaderView ", 4);
-    };
-  }
-};
-
-export { _sfc_main as default };

package/bin/browser/BrowserPreload.vue.mjs

@@ -1,139 +0,0 @@
-import { reactive, watchEffect, onBeforeUnmount, openBlock, createElementBlock, createCommentVNode } from 'vue';
-
-/* 
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvPreload/BrowserPreload.vue}
- */
-const _sfc_main = {
-  __name: "BrowserPreload",
-  props: {
-    preloadList: Array,
-    downloadList: Array,
-    onPreloadDone: Function,
-    // 预加载完成回调
-    onDownloadDone: Function,
-    // 预下载完成回调
-    onPreloading: Function
-  },
-  setup(__props) {
-    const props = __props;
-    const loadViewList = reactive({
-      preloadViewList: [],
-      downloadViewList: []
-    });
-    let preloadIsNullNum = 0;
-    let downloadIsNullNum = 0;
-    let preloadResultMap = {};
-    let downloadResultMap = {};
-    let downloadUrlList = [];
-    let unmountStatus = { unmount: false };
-    let preloadStateList = null;
-    let downloadStateList = null;
-    const getPreloadList = () => {
-      preloadStateList = new Array(props.preloadList.length).fill(false);
-      let preloadListData = props.preloadList;
-      for (let i = 0; i < preloadListData.length; i++) {
-        if (!preloadListData[i] || !preloadListData[i].url) {
-          preloadListData.splice(i, 1);
-          preloadIsNullNum++;
-          i--;
-        }
-      }
-      loadViewList.preloadViewList = preloadListData.map((item, index) => {
-        if (!item || !item.url) {
-          preloadStateList[index] = true;
-          return null;
-        }
-        const image = new Image();
-        const unmount_track = unmountStatus;
-        image.onload = () => {
-          if (unmount_track.unmount) {
-            return;
-          }
-          preloadResultMap[item.url] = {
-            width: image.width,
-            height: image.height
-          };
-          preloadStateList[index] = true;
-          let loadedNum = 0;
-          preloadStateList.map((item2) => {
-            loadedNum += item2 ? 1 : 0;
-          });
-          props.onPreloading?.(loadedNum / preloadStateList.length);
-          if (props.onPreloadDone && loadedNum + preloadIsNullNum == preloadStateList.length) {
-            props.onPreloadDone?.(preloadResultMap);
-          }
-        };
-        image.src = item.url;
-      });
-    };
-    const getDownloadList = () => {
-      downloadStateList = new Array(props.downloadList.length).fill(false);
-      downloadUrlList = new Array(downloadStateList.length);
-      let downloadListData = props.downloadList;
-      for (let i = 0; i < downloadListData.length; i++) {
-        if (!downloadListData[i] || !downloadListData[i].url) {
-          downloadListData.splice(i, 1);
-          downloadUrlList[i] = "invalid";
-          downloadIsNullNum++;
-          i--;
-        }
-      }
-      loadViewList.downloadViewList = downloadListData.map((item, index) => {
-        if (!item || !item.url) {
-          downloadStateList[index] = true;
-          downloadUrlList[index] = "invalid";
-          return null;
-        }
-        const image = new Image();
-        const unmount_track = unmountStatus;
-        image.onload = () => {
-          if (unmount_track.unmount) {
-            return;
-          }
-          downloadStateList[index] = true;
-          downloadUrlList[index] = item.url;
-          downloadResultMap[item.url] = {
-            width: image.width,
-            height: image.height
-          };
-          console.log(`pre download succeed ${item.url}`);
-          if (props.onDownloadDone) {
-            let downloadNum = 0;
-            downloadStateList.map((item2) => {
-              downloadNum += item2 ? 1 : 0;
-            });
-            if (downloadNum + downloadIsNullNum == downloadStateList.length) {
-              props.onDownloadDone?.(downloadUrlList, downloadResultMap);
-            }
-          }
-        };
-        image.src = item.url;
-      });
-    };
-    watchEffect(() => {
-      if (props.preloadList) {
-        console.log("JsvPreload: update preloadList");
-        preloadIsNullNum = 0;
-        preloadResultMap = {};
-        getPreloadList();
-      }
-    });
-    watchEffect(() => {
-      if (props.downloadList) {
-        console.log("JsvPreload: update downloadList");
-        downloadIsNullNum = 0;
-        downloadResultMap = {};
-        downloadUrlList = [];
-        getDownloadList();
-      }
-    });
-    onBeforeUnmount(() => {
-      unmountStatus.unmount = true;
-    });
-    return (_ctx, _cache) => {
-      return !__props.preloadList ? (openBlock(), createElementBlock("div", { key: 0 })) : createCommentVNode("", true);
-    };
-  }
-};
-
-export { _sfc_main as default };