create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,257 @@
+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

@@ -0,0 +1,97 @@
+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

@@ -0,0 +1,143 @@
+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*/