@shijiu/jsview-vue 2.2.201 → 2.2.426-test.0

package/utils/JsViewVueWidget/JsvFragShaderView/BrowserJsvFragShaderView.vue

@@ -1,48 +0,0 @@
-<script setup>
-const props = defineProps({
-  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,
-  },
-});
-
-defineExpose({
-  startAnim: () => {},
-  stopAnim: () => {},
-});
-</script>
-<template>
-  <div :style="{
-    left: style.left,
-    top: style.top,
-    width: style.width,
-    height: style.height,
-    backgroundColor: '#00000077',
-    fontSize: 50,
-    color: '#ffffff',
-    textAlign: 'center',
-    lineHeight: style.height,
-  }">
-    浏览器端未支持JsvFragShaderView
-  </div>
-</template>

package/utils/JsViewVueWidget/JsvPreload/BrowserPreload.vue

@@ -1,144 +0,0 @@
-<script setup>
-import { reactive, watchEffect, onBeforeUnmount } from "vue";
-
-const props = defineProps({
-  preloadList: Array,
-  downloadList: Array,
-  onPreloadDone: Function, // 预加载完成回调
-  onDownloadDone: Function, // 预下载完成回调
-  onPreloading: Function,
-});
-
-const loadViewList = reactive({
-  preloadViewList: [],
-  downloadViewList: [],
-});
-// 记录传入的preload为null的数量，由于vue不支持在子组件修改props值，所有在删除值为null时，需要++，这样才能保证与传入数据的length相等从而触发回调
-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((item) => {
-        loadedNum += item ? 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((item) => {
-          downloadNum += item ? 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;
-});
-</script>
-
-<template>
-  <!-- 保证该组件不描画任何东西，只是为了触发onload，让网页自行下载图片 -->
-  <div v-if="!preloadList"></div>
-</template>

package/utils/JsViewVueWidget/JsvQrcode/BrowserQrcode.vue

@@ -1,189 +0,0 @@
-<script setup>
-import { onMounted, ref } from "vue";
-import QRCode from "qr.js";
-
-const renderDocument = window.JsvCode.Dom.RenderDocument
-  ? window.JsvCode.Dom.RenderDocument
-  : window.JsvCode.Dom.BrowserDocument;
-
-const props = defineProps({
-  value: String,
-  size: Number,
-  fgColor: {
-    type: String,
-    default: "#000000",
-  },
-  bgColor: {
-    type: String,
-    default: "#ffffff",
-  },
-  level: {
-    type: String, // ，容错级别，分别是L(7%)、M(15%)、Q(25%)、H(30%),
-    default: "L",
-  },
-  imageSettings: Object,
-});
-
-const 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;
-};
-const 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("");
-};
-const 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 };
-};
-const renderQrcode = () => {
-  const qrcode = QRCode(convertStr(props.value), {
-    errorCorrectLevel: QRCode.ErrorCorrectLevel[props.level],
-  });
-
-  const cells = qrcode.modules;
-  if (cells === null) {
-    return null;
-  }
-
-  const margin = 2;
-  const numCells = cells.length + margin * 2;
-  const propsData = {
-    value: props.value,
-    size: props.size,
-    level: props.level,
-    bgColor: props.bgColor,
-    fgColor: props.fgColor,
-    imageSettings: props.imageSettings,
-  };
-  const calculatedImageSettings = getImageSettings(propsData);
-  if (props.imageSettings) {
-    imageStyle = {
-      backgroundImage: `url(${props.imageSettings.src})`,
-      height: calculatedImageSettings.h,
-      width: calculatedImageSettings.w,
-      left: calculatedImageSettings.x + margin,
-      top: calculatedImageSettings.y + margin,
-    };
-  } else {
-    imageStyle = {};
-  }
-  const fgPath = generatePath(cells, margin);
-  return { numCells, fgPath };
-};
-
-const svgRoot = ref(null);
-let imageStyle = null;
-const qrcodeRes = renderQrcode();
-
-onMounted(() => {
-  svgRoot.value.jsvGetProxyView().RegisterOnProxyReady(() => {
-    const root = svgRoot.value.jsvGetProxyView().HtmlGetElement();
-    const doc = renderDocument;
-    const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svg.setAttribute("type", "qrcode");
-    svg.setAttribute("shapeRendering", "crispEdges");
-    svg.setAttribute("height", props.size);
-    svg.setAttribute("width", props.size);
-    svg.setAttribute(
-      "viewBox",
-      "0 0 " + qrcodeRes.numCells + " " + qrcodeRes.numCells
-    );
-
-    const path1 = doc.createElementNS("http://www.w3.org/2000/svg", "path");
-    path1.setAttribute("fill", props.bgColor);
-    path1.setAttribute(
-      "d",
-      "M0,0 h" + qrcodeRes.numCells + "v" + qrcodeRes.numCells + "H0z"
-    );
-
-    const path2 = doc.createElementNS("http://www.w3.org/2000/svg", "path");
-    path2.setAttribute("fill", props.fgColor);
-    path2.setAttribute("d", qrcodeRes.fgPath);
-
-    svg.appendChild(path1);
-    svg.appendChild(path2);
-
-    root.appendChild(svg);
-  });
-});
-</script>
-
-<template>
-  <div>
-    <div ref="svgRoot" :style="{ width: 100, height: 100 }"></div>
-    <div :style="imageStyle"></div>
-  </div>
-</template>

package/utils/JsViewVueWidget/JsvQrcode/index.js

@@ -1,18 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 15:12:45
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-13 17:41:34
- * @Description: file content
- */
-//! 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-import * as JsvQrcode from "./JsvQrcode.vue";
-
-let _JsvQrcode;
-if (window.JsView) {
-  _JsvQrcode = JsvQrcode.default;
-} else {
-  const BrowserQrcode = await import("./BrowserQrcode.vue");
-  _JsvQrcode = BrowserQrcode.default;
-}
-export default _JsvQrcode;

package/utils/JsViewVueWidget/JsvSpray/BrowserSpray.vue

@@ -1,55 +0,0 @@
-<!--
- * @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 "@shijiu/jsview/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.jsvGetProxyView()
-    );
-  },
-  beforeUnmount() {
-    Forge.sParticleManager.recycleView(this.viewId);
-  }
-};
-</script>
-
-<template>
-  <div ref="element" :style="{ width: viewWidth, height: viewHeight }" />
-</template>

package/utils/JsViewVueWidget/JsvSpray/index.js

@@ -1,17 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-10-13 15:14:29
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-18 14:09:04
- * @Description: file content
- */
-//! 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-import * as JsvSpray from "./JsvSpray.vue";
-let _JsvSpray;
-if (window.JsView) {
-  _JsvSpray = JsvSpray.default;
-} else {
-  const BrowserSpray = await import("./BrowserSpray.vue");
-  _JsvSpray = BrowserSpray.default;
-}
-export default _JsvSpray;