create-jsview 2.1.366-test.0 → 2.1.428

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

@@ -0,0 +1,383 @@
+import { a as useRouter, c as bridge, h as _sfc_main$z } from "./jsview-vue-entry.415721d8.js";
+import { t as onMounted, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, q as createCommentVNode, e as createElementBlock, k as createVNode, u as unref, f as createBaseVNode, g as normalizeStyle, G as toDisplayString } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const image1 = "" + new URL("../assets/1.5dc15599.png", import.meta.url).href;
+const image2 = "" + new URL("../assets/2.df10a8ad.png", import.meta.url).href;
+const image3 = "" + new URL("../assets/3.dd39d2bc.png", import.meta.url).href;
+const image4 = "" + new URL("../assets/4.4cd633a0.jpg", import.meta.url).href;
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const enableManualDemo = false;
+    const enableTest1 = true;
+    const enableTest2 = true;
+    const enableTest3 = true;
+    const _onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+      }
+      return true;
+    };
+    const _onSizeTest1_1 = (width, height) => {
+      console.log(`Flex ready Test1_1 w=${width} h=${height}`);
+    };
+    const _onSizeTest1_2 = (width, height) => {
+      console.log(`Flex ready Test1_2 w=${width} h=${height}`);
+    };
+    onMounted(() => {
+      bridge.notifyPageLoaded();
+    });
+    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(() => [
+          enableManualDemo ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle({
+              top: 150,
+              left: 50,
+              width: 300,
+              height: 400,
+              backgroundColor: "rgba(0,128,128,0.5)",
+              fontSize: 12,
+              color: "#FF0000",
+              textAlign: "center",
+              lineHeight: 16
+            })
+          }, [
+            createVNode(unref(_sfc_main$z), {
+              style: {
+                height: 400,
+                flexDirection: "row",
+                flexWrap: "wrap",
+                justifyContent: "flex-end",
+                alignItems: "flex-start",
+                alignContent: "center"
+              },
+              onSized: _onSizeTest1_1
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$z), {
+                  style: { flexWrap: "wrap" },
+                  onSized: _onSizeTest1_2
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 45 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image2),
+                      style: { height: 60 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 45 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 45 }
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 1
+                }),
+                createBaseVNode("img", {
+                  src: unref(image3),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image4),
+                  style: { height: 50 }
+                }, null, 8, ["src"])
+              ]),
+              _: 1
+            })
+          ], 4)) : createCommentVNode("", true),
+          !enableManualDemo && enableTest1 ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            style: normalizeStyle({
+              top: 150,
+              left: 50,
+              width: 300,
+              height: 400,
+              backgroundColor: "rgba(0,128,128,0.5)"
+            })
+          }, [
+            createVNode(unref(_sfc_main$z), {
+              style: {
+                height: 400,
+                flexDirection: "row",
+                flexWrap: "wrap",
+                justifyContent: "flex-end",
+                alignItems: "flex-start",
+                alignContent: "center"
+              },
+              onSized: _onSizeTest1_1
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$z), {
+                  style: { flexWrap: "wrap" },
+                  onSized: _onSizeTest1_2
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 45 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image2),
+                      style: { height: 60 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 45 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 45 }
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 1
+                }),
+                createBaseVNode("img", {
+                  src: unref(image3),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image4),
+                  style: { height: 50 }
+                }, null, 8, ["src"])
+              ]),
+              _: 1
+            })
+          ], 4)) : createCommentVNode("", true),
+          !enableManualDemo && enableTest2 ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            style: normalizeStyle({
+              top: 150,
+              left: 400,
+              width: 300,
+              height: 400,
+              backgroundColor: "rgba(0,128,128,0.5)"
+            })
+          }, [
+            createVNode(unref(_sfc_main$z), {
+              style: normalizeStyle({
+                width: 300,
+                flexDirection: "row-reverse",
+                flexWrap: "wrap",
+                justifyContent: "center",
+                alignItems: "flex-end",
+                backgroundColor: "rgba(128,0,0,0.5)"
+              })
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$z), {
+                  style: normalizeStyle({
+                    width: 30,
+                    flexWrap: "wrap",
+                    backgroundColor: "rgba(0, 128, 0, 0.5)"
+                  })
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 50 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image2),
+                      style: { height: 50 }
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 1
+                }, 8, ["style"]),
+                createBaseVNode("img", {
+                  src: unref(image3),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image4),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image1),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image2),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image3),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  src: unref(image4),
+                  style: { height: 50 }
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { style: { height: 150, width: 100 } }, [
+                  createBaseVNode("div", { style: {
+                    left: 25,
+                    top: 50,
+                    height: 50,
+                    width: 50,
+                    backgroundColor: "#FF0000"
+                  } }, [
+                    createBaseVNode("div", { style: {
+                      left: 10,
+                      top: 10,
+                      height: 30,
+                      width: 30,
+                      backgroundColor: "#00FF00"
+                    } })
+                  ])
+                ]),
+                createVNode(unref(_sfc_main$z), { style: {
+                  width: 60,
+                  flexDirection: "column",
+                  alignSelf: "stretch",
+                  alignItems: "flex-start"
+                } }, {
+                  default: withCtx(() => [
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 50 }
+                    }, null, 8, ["src"]),
+                    createBaseVNode("img", {
+                      src: unref(image1),
+                      style: { height: 50 }
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 1
+                }),
+                createBaseVNode("div", {
+                  style: normalizeStyle({
+                    width: 80,
+                    height: 80,
+                    backgroundImage: `url(${unref(image4)})`
+                  })
+                }, [
+                  createBaseVNode("img", {
+                    src: unref(image1),
+                    style: { left: 10, top: 10, height: 40 }
+                  }, null, 8, ["src"]),
+                  createBaseVNode("img", {
+                    src: unref(image1),
+                    style: { left: 15, top: 15, height: 45 }
+                  }, null, 8, ["src"]),
+                  createBaseVNode("img", {
+                    src: unref(image1),
+                    style: { left: 20, top: 20, height: 50 }
+                  }, null, 8, ["src"])
+                ], 4),
+                createBaseVNode("div", { style: {
+                  width: 80,
+                  height: 80,
+                  backgroundColor: "#0F0F7F"
+                } }, [
+                  createBaseVNode("img", {
+                    src: unref(image1),
+                    style: { left: 10, top: 10, height: 40 }
+                  }, null, 8, ["src"]),
+                  createBaseVNode("img", {
+                    src: unref(image1),
+                    style: { left: 15, top: 15, height: 45 }
+                  }, null, 8, ["src"]),
+                  createBaseVNode("img", {
+                    src: unref(image1),
+                    style: { left: 20, top: 20, height: 50 }
+                  }, null, 8, ["src"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["style"])
+          ], 4)) : createCommentVNode("", true),
+          !enableManualDemo && enableTest3 ? (openBlock(), createElementBlock("div", {
+            key: 3,
+            style: {
+              top: 150,
+              left: 700,
+              width: 400,
+              height: 400,
+              overflow: "hidden"
+            }
+          }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                width: 300,
+                height: 400,
+                backgroundColor: "rgba(0,128,128,0.5)",
+                fontSize: 12,
+                color: "#000000",
+                textAlign: "center",
+                lineHeight: 16
+              })
+            }, [
+              createVNode(unref(_sfc_main$z), { style: {
+                width: 300,
+                height: 400,
+                flexDirection: "column",
+                alignItems: "flex-end",
+                justifyContent: "center"
+              } }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", {
+                    style: normalizeStyle({ width: 450, backgroundColor: "rgba(0, 50, 0, 0.5)" })
+                  }, toDisplayString("对于涉嫌借款或其他涉及财产的网络信息、账户密码、广告或推广等信息的，用户请谨慎对待并自行判断，基于前述原因您因此遭受的利润、商业信誉、资料损失或其他有形或无形损失的，我们不承担任何直接、间接、附带、特别、衍生性或惩罚性的赔偿责任。"), 4),
+                  createBaseVNode("div", {
+                    style: normalizeStyle({ width: 250, backgroundColor: "rgba(0, 70, 0, 0.5)" })
+                  }, toDisplayString("对于涉嫌借款或其他涉及财产的网络信息、账户密码、广告或推广等信息的，用户请谨慎对待并自行判断，基于前述原因您因此遭受的利润、商业信誉、资料损失或其他有形或无形损失的，我们不承担任何直接、间接、附带、特别、衍生性或惩罚性的赔偿责任。"), 4),
+                  createBaseVNode("div", {
+                    style: normalizeStyle({
+                      height: 16,
+                      backgroundColor: "rgba(0, 90, 0, 0.5)",
+                      whiteSpace: "nowrap"
+                    })
+                  }, toDisplayString("一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九拾"), 4),
+                  createVNode(unref(_sfc_main$z), {
+                    style: normalizeStyle({
+                      flexDirection: "row",
+                      alignItems: "center",
+                      backgroundColor: "rgba(0, 110, 0, 0.5)"
+                    })
+                  }, {
+                    default: withCtx(() => [
+                      createBaseVNode("div", { style: { height: 16 } }, toDisplayString("++一二三")),
+                      createBaseVNode("div", {
+                        style: normalizeStyle({
+                          height: 20,
+                          lineHeight: 20,
+                          fontSize: 18,
+                          backgroundColor: "rgba(10, 0, 0, 0.5)"
+                        })
+                      }, toDisplayString("四五六"), 4),
+                      createBaseVNode("div", { style: { height: 16 } }, toDisplayString("七八九++"))
+                    ]),
+                    _: 1
+                  }, 8, ["style"])
+                ]),
+                _: 1
+              })
+            ], 4)
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.29b9c765.js.map
+
+/*jsvmd5:d3a7ec5a922f2471fd253f53eb6ecd4f*/

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

@@ -0,0 +1,107 @@
+import { i as img } from "./jpegDemo.ff177df5.js";
+import { r as resImage } from "./pngNoAlphaDemo.fbc58313.js";
+import { a as useRouter } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, G as toDisplayString, u as unref } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const pngDemo = "" + new URL("../assets/1.5dc15599.png", import.meta.url).href;
+const bmpDemo = "" + new URL("../assets/bmpDemo.e06bdb19.bmp", import.meta.url).href;
+const App_vue_vue_type_style_index_0_scoped_c8febad7_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        window.JsView?.setGlobalConfig({
+          texCache: -1
+        });
+        router.go(-1);
+        return true;
+      }
+      return false;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onKeyDown
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { class: "allBgc" }, [
+            createBaseVNode("div", { class: "block" }, [
+              createBaseVNode("div", { style: { left: 0, top: 0 } }, [
+                createBaseVNode("div", { class: "leftFont top0" }, toDisplayString(`RBG_8888
+透明区域透明
+色彩不失真`)),
+                createBaseVNode("div", { class: "leftFont top250" }, toDisplayString(`RBG_565
+透明区域为黑色
+色彩略失真`))
+              ]),
+              createBaseVNode("div", { style: { left: 220, top: 0 } }, [
+                createBaseVNode("img", {
+                  class: "graphSize top0",
+                  src: unref(bmpDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  class: "graphSize top250",
+                  "data-jsv-img-color-space": "RGB_565",
+                  src: unref(bmpDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString(`bmp图片`))
+              ]),
+              createBaseVNode("div", { style: { left: 440, top: 0 } }, [
+                createBaseVNode("img", {
+                  class: "graphSize top0",
+                  src: unref(img)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  class: "graphSize top250",
+                  "data-jsv-img-color-space": "RGB_565",
+                  src: unref(img)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString("jpg/jpeg图片"))
+              ]),
+              createBaseVNode("div", { style: { left: 660, top: 0 } }, [
+                createBaseVNode("img", {
+                  class: "graphSize top0",
+                  src: unref(pngDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  class: "graphSize top250",
+                  "data-jsv-img-color-space": "RGB_565",
+                  src: unref(pngDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString(`png有透明图片
+RGB_565下透明部分为黑色`))
+              ]),
+              createBaseVNode("div", { style: { left: 880, top: 0 } }, [
+                createBaseVNode("img", {
+                  class: "graphSize top0",
+                  src: unref(resImage)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  class: "graphSize top250",
+                  "data-jsv-img-color-space": "RGB_565",
+                  src: unref(resImage)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString(`png无透明图片`))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "c8febad7": { ".allBgc": '{"width":1920,"height":1080,"backgroundColor":"#334c4c"}', ".block": '{"left":20,"top":50}', ".leftFont": '{"left":0,"width":200,"height":200,"color":"#ffffff","fontSize":30}', ".top0": '{"top":0}', ".top250": '{"top":250}', ".graphSize": '{"left":0,"width":200,"height":200,"borderRadius":"15 15 15 15"}', ".underFont": '{"left":0,"top":500,"width":200,"height":200,"color":"#ffffff","fontSize":20}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8febad7"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.34ff6b40.js.map
+
+/*jsvmd5:df78eea2d33ba6464554c2b6e8ae37a7*/

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

@@ -0,0 +1,144 @@
+import { u as useFocusHub, H as HORIZONTAL, g as _sfc_main$F } from "./jsview-vue-entry.415721d8.js";
+import { a as ref, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, g as normalizeStyle, u as unref, t as onMounted, e as createElementBlock, G as toDisplayString, k as createVNode, F as Fragment } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const _sfc_main$1 = {
+  __name: "ButtonItem",
+  props: {
+    data: Object,
+    onAction: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const focusHub = useFocusHub();
+    let focused = ref(false);
+    let focusIndex = ref(0);
+    const onFocus = () => {
+      focusHub.setFocus(props.data.name);
+      focused.value = true;
+    };
+    const onBlur = () => {
+      focused.value = false;
+      focusIndex.value = 0;
+      focusHub.returnFocusToParent();
+    };
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 37 && focusIndex.value == 1) {
+        focusIndex.value = 0;
+        return true;
+      } else if (ev.keyCode == 39 && focusIndex.value == 0) {
+        focusIndex.value = 1;
+        return true;
+      } else if (ev.keyCode == 13) {
+        console.log("button click", props.data);
+        return true;
+      }
+      return false;
+    };
+    props.onAction.register("onFocus", onFocus);
+    props.onAction.register("onBlur", onBlur);
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        name: __props.data.name,
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: {
+            width: 100,
+            height: 100,
+            fontSize: 20,
+            color: "#FFFFFF",
+            backgroundColor: "#00AA00"
+          } }),
+          createBaseVNode("div", { style: {
+            left: 100,
+            width: 100,
+            height: 100,
+            backgroundColor: "#0000AA"
+          } }),
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              visibility: unref(focused) ? "visible" : "hidden",
+              left: 100 * unref(focusIndex),
+              width: 10,
+              height: 10,
+              backgroundColor: "#FF0000"
+            })
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const focusHub = useFocusHub();
+    window.focusHub = focusHub;
+    const provideData = () => {
+      const data = [];
+      for (let i = 0; i < 20; i++) {
+        data.push({
+          width: 200,
+          height: 100,
+          name: "button_" + i,
+          marginRight: 10,
+          marginBottom: 10
+        });
+      }
+      return data;
+    };
+    const measures = (item) => {
+      return {
+        width: item.width,
+        height: item.height,
+        marginRight: item.marginRight,
+        marginBottom: item.marginBottom
+      };
+    };
+    onMounted(() => {
+      focusHub.setFocus("mwButton");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", { style: {
+          left: 50,
+          top: 20,
+          width: 600,
+          height: 400,
+          fontSize: 30,
+          color: "#FFFFFF"
+        } }, toDisplayString("item组件包含JsvFocusBlock, 从而每个item可以在自己内部处理按键事件")),
+        createVNode(unref(_sfc_main$F), {
+          name: "mwButton",
+          top: 120,
+          left: 50,
+          provideData,
+          width: 600,
+          height: 400,
+          direction: unref(HORIZONTAL),
+          measures
+        }, {
+          renderItem: withCtx(({ data, onAction }) => [
+            createVNode(_sfc_main$1, {
+              data,
+              onAction
+            }, null, 8, ["data", "onAction"])
+          ]),
+          _: 1
+        }, 8, ["direction"])
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.361be0b7.js.map
+
+/*jsvmd5:826a09b5b12e94b5c9af9f18315c99df*/