@shijiu/jsview-vue 2.2.426-test.0 → 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/types/utils/JsViewVueTools/JsvDemoTester.d.ts

@@ -1,2 +0,0 @@
-export function enableNativeViewListener(nativeViewId: any, info: any): number;
-export function disableNativeViewListener(listenerId: any): void;

package/utils/JsViewVueTools/JsvDemoTester.js

@@ -1,81 +0,0 @@
-let interfaceLoaded = false;
-let idGeneratoer = 1;
-let idObjectMap = {};
-
-const ensureInterface = ()=>{
-    return new Promise((resolve, reject)=>{
-        if (interfaceLoaded) {
-            // 已经加载完成
-            resolve();
-            return;
-        }
-    
-        if (window.JsView) {
-            let cb = ()=>{
-                // dynamic加载完成
-                if (window.jJsvDemoTester) {
-                    console.log("window.jJsvDemoTester ready")
-                } else {
-                    console.log("window.jJsvDemoTester failed")
-                }
-
-                console.log("remove cb=" + cb);
-
-                // 移除回调
-                window.JsView.removeEventListener(cb);
-
-                // 无论成功失败，暂且都论为加载完成
-                interfaceLoaded = true;
-                resolve();
-            };
-            window.JsView.addEventListener("__DemoTesterReady", cb);
-            window.JsView.ensureTesterUtils();
-        } else {
-            interfaceLoaded = true;
-            resolve(); // 非JsView场景,默认为完成状态
-        }
-    });
-}
-
-const enableNativeViewListener = (nativeViewId,info)=>{
-    let listenerId = idGeneratoer;
-    idGeneratoer++;
-    idObjectMap[listenerId] = {
-        eventCallback: (ret)=>{
-            info.value=ret.info
-            console.log(`JsvDemoTester nativeView info=${info.value}`);
-        }
-    };
-
-    (async ()=>{
-        await ensureInterface();
-
-        if (idObjectMap.hasOwnProperty(listenerId)) {
-            let eventName = "__enableNativeViewListener_" + listenerId;
-        
-            window.JsView?.addEventListener(eventName, idObjectMap[listenerId].eventCallback);
-            window.jJsvDemoTester?.enableNativeViewListener(nativeViewId, listenerId, eventName);
-        }
-    })();
-
-    return listenerId; // 用于 disableNativeViewListener() 调用
-}
-
-const disableNativeViewListener = (listenerId)=>{
-    (async ()=>{
-        await ensureInterface();
-
-        if (idObjectMap.hasOwnProperty(listenerId)) {
-            window.JsView?.removeEventListener(idObjectMap[listenerId].eventCallback);
-            window.jJsvDemoTester?.disableNativeViewListener(listenerId);
-            delete idObjectMap[listenerId];
-        } else {
-            console.warn("disableNativeViewListener id gone");
-        }
-    })();
-}
-
-export {
-    enableNativeViewListener,
-    disableNativeViewListener,
-}