create-jsview 2.1.428 → 2.1.448-test.0

package/template-vue-vite/dist-test-jsview-chunk/js/App.e75db44d.js

@@ -1,257 +0,0 @@
-import { o as openBlock, e as createElementBlock, f as createBaseVNode, g as normalizeStyle, s as shallowRef, a as ref, t as onMounted, b as resolveComponent, A as createBlock, l as withCtx, k as createVNode, G as toDisplayString, u as unref } from "./vue.889a9b8b.js";
-import { u as useFocusHub, H as HORIZONTAL, g as _sfc_main$F, E as EdgeDirection, a as useRouter } from "./jsview-vue-entry.415721d8.js";
-import "./jsview-forge-define.bfab260e.js";
-import "./jsview-dom-entry.280f04b1.js";
-import "./export-sfc.2749ebea.js";
-const _sfc_main$4 = {
-  __name: "Scroll",
-  props: {
-    scrollStyle: Object,
-    top: Number,
-    scrollBlockStyle: Object
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({ ...__props.scrollStyle })
-      }, [
-        createBaseVNode("div", {
-          style: normalizeStyle({ top: __props.top })
-        }, [
-          createBaseVNode("div", {
-            style: normalizeStyle({ ...__props.scrollBlockStyle })
-          }, null, 4)
-        ], 4)
-      ], 4);
-    };
-  }
-};
-const _sfc_main$3 = {
-  __name: "LongImageScroll",
-  props: {
-    step: Number,
-    style: Object,
-    scrollStyle: Object,
-    scrollBlockStyle: Object,
-    imageSrc: String
-  },
-  setup(__props) {
-    const props = __props;
-    const focusHub = useFocusHub();
-    const element = shallowRef(null);
-    const scrollY = ref(0);
-    const textY = ref(0);
-    const onAction = {
-      onKeyDown: (ev) => {
-        const valid = element.value && element.value.clientHeight && element.value.clientHeight > props.style.height;
-        if (valid) {
-          let text_y;
-          switch (ev.keyCode) {
-            case 38:
-              if (textY.value !== 0) {
-                text_y = textY.value + props.step >= 0 ? 0 : textY.value + props.step;
-                textY.value = text_y, scrollY.value = -text_y / (element.value.clientHeight - props.style.height) * (props.scrollStyle.height - props.scrollBlockStyle.height);
-              }
-              break;
-            case 40:
-              if (textY.value !== props.style.height - element.value.clientHeight) {
-                text_y = textY.value - props.step <= props.style.height - element.value.clientHeight ? props.style.height - element.value.clientHeight : textY.value - props.step;
-                textY.value = text_y, scrollY.value = -text_y / (element.value.clientHeight - props.style.height) * (props.scrollStyle.height - props.scrollBlockStyle.height);
-              } else {
-                focusHub.setFocus("button");
-              }
-              break;
-          }
-        }
-      },
-      onFocus: () => {
-        console.log("LongImageScroll getFocus");
-      },
-      onBlur: () => {
-        console.log("LongImageScroll loseFocus");
-      }
-    };
-    const onLoad = () => {
-      console.log("Image loaded!");
-    };
-    onMounted(() => {
-      focusHub.setFocus("longImageScroll");
-    });
-    return (_ctx, _cache) => {
-      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
-      return openBlock(), createBlock(_component_jsv_focus_block, {
-        name: "longImageScroll",
-        onAction
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", {
-            style: normalizeStyle({ overflow: "hidden", ...__props.style })
-          }, [
-            createBaseVNode("img", {
-              alt: "",
-              ref_key: "element",
-              ref: element,
-              src: __props.imageSrc,
-              style: normalizeStyle({ top: textY.value, width: __props.style.width }),
-              onLoad
-            }, null, 44, ["src"])
-          ], 4),
-          createVNode(_sfc_main$4, {
-            top: scrollY.value,
-            scrollStyle: __props.scrollStyle,
-            scrollBlockStyle: __props.scrollBlockStyle
-          }, null, 8, ["top", "scrollStyle", "scrollBlockStyle"])
-        ]),
-        _: 1
-      });
-    };
-  }
-};
-const _sfc_main$2 = {
-  __name: "ButtonItem",
-  props: {
-    data: Object,
-    query: Object,
-    onEdge: Function,
-    onAction: Object
-  },
-  setup(__props) {
-    const props = __props;
-    const focused = ref(false);
-    const onFocus = () => {
-      focused.value = true;
-    };
-    const onBlur = () => {
-      focused.value = false;
-    };
-    const onClick = () => {
-    };
-    props.onAction.register("onFocus", onFocus);
-    props.onAction.register("onBlur", onBlur);
-    props.onAction.register("onClick", onClick);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({
-          width: props.data.width,
-          height: props.data.height,
-          fontSize: 30,
-          backgroundColor: focused.value ? "#DD8800" : "#BBBBAA"
-        })
-      }, toDisplayString(__props.data.content), 5);
-    };
-  }
-};
-const _sfc_main$1 = {
-  __name: "Button",
-  setup(__props) {
-    const focusHub = useFocusHub();
-    const data = [
-      {
-        width: 100,
-        height: 50,
-        marginRight: 100,
-        content: "同意"
-      },
-      {
-        width: 100,
-        height: 50,
-        content: "取消"
-      }
-    ];
-    const measures = (item) => {
-      return item;
-    };
-    const onEdge = (edgeInfo) => {
-      if (edgeInfo.direction == EdgeDirection.top) {
-        focusHub.setFocus("longImageScroll");
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$F), {
-        name: "button",
-        width: 500,
-        height: 50,
-        data,
-        direction: unref(HORIZONTAL),
-        measures,
-        onEdge
-      }, {
-        renderItem: withCtx(({ data: data2, query, onEdge: onEdge2, onAction }) => [
-          createVNode(_sfc_main$2, {
-            data: data2,
-            query,
-            onEdge: onEdge2,
-            onAction
-          }, null, 8, ["data", "query", "onEdge", "onAction"])
-        ]),
-        _: 1
-      }, 8, ["direction"]);
-    };
-  }
-};
-const longImageSource = "" + new URL("../assets/1280x7200.f72b317a.jpg", import.meta.url).href;
-const _sfc_main = {
-  __name: "App",
-  setup(__props) {
-    const router = useRouter();
-    const onKeyDown = (ev) => {
-      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
-        router.go(-1);
-      }
-      return true;
-    };
-    return (_ctx, _cache) => {
-      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
-      return openBlock(), createBlock(_component_jsv_focus_block, {
-        autoFocus: "",
-        onAction: {
-          onKeyDown
-        }
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", {
-            style: normalizeStyle({
-              textAlign: "center",
-              fontSize: 30,
-              lineHeight: 50,
-              color: "#ffffff",
-              left: 100,
-              top: 20,
-              width: 1e3,
-              height: 50,
-              backgroundColor: "rgba(27,38,151,0.8)"
-            })
-          }, " 可加载长或宽超过2048px的图片 ", 4),
-          createBaseVNode("div", { style: { left: 100, top: 100 } }, [
-            createVNode(_sfc_main$3, {
-              style: { width: 1e3, height: 500, backgroundColor: "#EEEEEE" },
-              imageSrc: unref(longImageSource),
-              scrollBlockStyle: {
-                width: 10,
-                height: 30,
-                backgroundColor: "#555555"
-              },
-              scrollStyle: {
-                left: 1005,
-                width: 10,
-                height: 500,
-                backgroundColor: "#DDDDDD"
-              },
-              step: 60
-            }, null, 8, ["imageSrc"]),
-            createBaseVNode("div", { style: { left: 400, top: 550 } }, [
-              createVNode(_sfc_main$1)
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["onAction"]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=http://localhost:57245/map/App.e75db44d.js.map
-
-/*jsvmd5:80317f9d184ec22b9131c04c8dcb61dd*/

package/template-vue-vite/dist-test-jsview-chunk/js/App.ebb89cc7.js

@@ -1,97 +0,0 @@
-import { a as useRouter, y as _JsvQrcode$1 } from "./jsview-vue-entry.415721d8.js";
-import { s as shallowRef, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, g as normalizeStyle, G as toDisplayString, u as unref } from "./vue.889a9b8b.js";
-import "./jsview-forge-define.bfab260e.js";
-import "./jsview-dom-entry.280f04b1.js";
-import "./export-sfc.2749ebea.js";
-const _sfc_main = {
-  __name: "App",
-  setup(__props) {
-    const router = useRouter();
-    let qrUrl = shallowRef("http://www.baidu.com/");
-    const size = 200;
-    const fgColor = "#0000FF";
-    const bgColor = "#ffff00";
-    const level = "H";
-    const includeImage = true;
-    const imageH = 64;
-    const imageW = 64;
-    const imageSrc = "http://oss.image.qcast.cn/homepage/20191224/0fdcdc8b258fe7baac16b73f58f8989d.jpg";
-    const tipsInfo = `功能：二维码展示可配置项：
-
-1.前景色
-
-2.背景色
-
-3.指定小图标
-
-4.容错级别：'L', 'M', 'Q', 'H'
-
-5.按OK刷新:上图为异步(不影响操作)，下图为同步`;
-    const onKeyDown = (ev) => {
-      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
-        router.go(-1);
-      } else if (ev.keyCode == 13) {
-        qrUrl.value = qrUrl.value + "a";
-        console.log("new url=" + qrUrl.value);
-      }
-      return true;
-    };
-    return (_ctx, _cache) => {
-      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
-      return openBlock(), createBlock(_component_jsv_focus_block, {
-        autoFocus: "",
-        onAction: {
-          onKeyDown
-        }
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", { style: { width: 1280, height: 720, backgroundColor: "#D8D8D8" } }, [
-            createBaseVNode("div", {
-              style: normalizeStyle({
-                textAlign: "left",
-                fontSize: 25,
-                lineHeight: 30,
-                color: "#ffffff",
-                left: 200 + 420,
-                top: 100,
-                width: 400,
-                height: 50 * 8,
-                backgroundColor: "rgba(27,38,151,0.8)"
-              })
-            }, toDisplayString(tipsInfo), 4),
-            createBaseVNode("div", { style: { left: 200, top: 100 } }, [
-              (openBlock(), createBlock(unref(_JsvQrcode$1), {
-                key: unref(qrUrl),
-                value: unref(qrUrl),
-                size,
-                fgColor,
-                bgColor,
-                level,
-                imageSettings: includeImage ? { src: imageSrc, height: imageH, width: imageW } : null
-              }, null, 8, ["value", "imageSettings"]))
-            ]),
-            createBaseVNode("div", { style: { left: 200, top: 310 } }, [
-              (openBlock(), createBlock(unref(_JsvQrcode$1), {
-                key: unref(qrUrl),
-                value: unref(qrUrl),
-                size,
-                fgColor,
-                bgColor,
-                level,
-                sync: "sync",
-                imageSettings: includeImage ? { src: imageSrc, height: imageH, width: imageW } : null
-              }, null, 8, ["value", "imageSettings"]))
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["onAction"]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=http://localhost:57245/map/App.ebb89cc7.js.map
-
-/*jsvmd5:8475581880593cfc7511c81797ea3dec*/

package/template-vue-vite/dist-test-jsview-chunk/js/App.f5f253ec.js

@@ -1,143 +0,0 @@
-import { a as useRouter, N as JsvSoundPool, c as bridge, O as globalLoadJsvAudioPlugin, P as _JsvAudio } from "./jsview-vue-entry.415721d8.js";
-import { s as shallowRef, t as onMounted, E as onBeforeUnmount, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, g as normalizeStyle, G as toDisplayString, k as createVNode, u as unref } from "./vue.889a9b8b.js";
-import "./jsview-forge-define.bfab260e.js";
-import "./jsview-dom-entry.280f04b1.js";
-import "./export-sfc.2749ebea.js";
-const coin = "" + new URL("../assets/coin.50aac2a4.mp3", import.meta.url).href;
-const lose = "" + new URL("../assets/lose.86f51553.mp3", import.meta.url).href;
-const bgMusic = "" + new URL("../assets/bgmusic.bf797943.mp3", import.meta.url).href;
-const _sfc_main = {
-  __name: "App",
-  setup(__props) {
-    const router = useRouter();
-    const soundPool = new JsvSoundPool(10);
-    let coinController1 = null;
-    let coinController2 = null;
-    let loseController1 = null;
-    let loseController2 = null;
-    let bgm = shallowRef(null);
-    const _onKeyDown = (ev) => {
-      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
-        router.go(-1);
-        return true;
-      }
-      switch (ev.keyCode) {
-        case 37:
-          if (loseController1) {
-            loseController1.play();
-          }
-          break;
-        case 38:
-          if (coinController1) {
-            coinController1.play();
-          }
-          break;
-        case 39:
-          if (loseController2) {
-            loseController2.play();
-          }
-          break;
-        case 40:
-          if (coinController2) {
-            coinController2.play();
-          }
-          break;
-        case 13:
-          bgm?.play();
-          break;
-      }
-      return true;
-    };
-    soundPool.request(`url(${coin})`, null, 1, (state, audioController) => {
-      if (state === 0) {
-        coinController1 = audioController;
-      }
-    });
-    soundPool.request(`url(${coin})`, null, 1, (state, audioController) => {
-      if (state === 0) {
-        coinController2 = audioController;
-        coinController2.setLoop(0);
-      }
-    });
-    soundPool.request(`url(${lose})`, null, 1, (state, audioController) => {
-      if (state === 0) {
-        loseController1 = audioController;
-      }
-    });
-    soundPool.request(`url(${lose})`, null, 1, (state, audioController) => {
-      if (state === 0) {
-        loseController2 = audioController;
-      }
-    });
-    const onRef = (ele) => {
-      bgm = ele;
-    };
-    onMounted(() => {
-      bridge.notifyPageLoaded();
-      globalLoadJsvAudioPlugin((status) => {
-        console.log("load JsvAudio plugin status", status);
-      });
-    });
-    onBeforeUnmount(() => {
-      coinController1 = null;
-      coinController2 = null;
-      loseController1 = null;
-      loseController2 = null;
-      soundPool.destroy();
-      bgm?.pause();
-      bgm?.unload();
-    });
-    return (_ctx, _cache) => {
-      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
-      return openBlock(), createBlock(_component_jsv_focus_block, {
-        autoFocus: "",
-        onAction: {
-          onKeyDown: _onKeyDown
-        }
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", { style: { width: 1920, height: 1080, backgroundColor: "#FFFFFF" } }, [
-            createBaseVNode("div", {
-              style: normalizeStyle({
-                textAlign: "center",
-                fontSize: 30,
-                lineHeight: 50,
-                color: "#ffffff",
-                left: 100,
-                top: 20,
-                width: 1280 - 200,
-                height: 50,
-                backgroundColor: "rgba(27,38,151,0.8)"
-              })
-            }, toDisplayString(`适合游戏场景的多音效混音效果`), 4),
-            createBaseVNode("div", { style: {
-              left: 400,
-              top: 300,
-              width: 500,
-              height: 500,
-              color: "#000000",
-              textAlign: "center",
-              fontSize: 30
-            } }, toDisplayString(`[确定]: 播放背景音乐
-[左]: 播放失败音乐1
-[右]: 播放失败音乐2
-[上]: 播放硬币音乐1
-[下]: 播放硬币音乐2`)),
-            createVNode(unref(_JsvAudio), {
-              onRef,
-              src: unref(bgMusic),
-              loop: true
-            }, null, 8, ["src"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["onAction"]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=http://localhost:57245/map/App.f5f253ec.js.map
-
-/*jsvmd5:7e21fa95d4fc762424bb1f73900cea55*/