create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,344 @@
+import { u as useFocusHub, a as useRouter } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { s as shallowRef, i as inject, t as onMounted, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, g as normalizeStyle, u as unref, G as toDisplayString, e as createElementBlock, F as Fragment, m as renderList, k as createVNode, p as provide } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const CONST_MAX_COLUMN = 4;
+const CONST_MAX_AREA_LINE = 2;
+const CONST_COLUMN_MARK = "BasicFocusAppColMark";
+const CONST_FILL_NAME_FUNC = "BasicFocusAppFullfillName";
+const BaseBlock_vue_vue_type_style_index_0_scoped_05d204d9_lang = "";
+const _sfc_main$5 = {
+  __name: "BaseBlock",
+  props: {
+    focusBlockName: String,
+    style: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    defineColumn: Number,
+    defineLine: Number
+  },
+  setup(__props) {
+    const props = __props;
+    const fbName = props.focusBlockName;
+    const fullName = shallowRef("");
+    const blockRef = shallowRef(null);
+    const hasFocused = shallowRef(false);
+    const focusHub = useFocusHub(true);
+    const funcFullFilled = inject(CONST_FILL_NAME_FUNC);
+    const columnMark = inject(CONST_COLUMN_MARK);
+    onMounted(() => {
+      const syncName = async () => {
+        fullName.value = await blockRef.value.getFullName();
+        funcFullFilled(props.defineLine, props.defineColumn, fullName.value);
+        console.log(`name taken success name=${fullName.value}`);
+      };
+      syncName();
+    });
+    const onFocus = () => {
+      const nameSpace = focusHub.getNameSpace();
+      console.log(`${nameSpace}.${fbName} focused`);
+      hasFocused.value = true;
+      columnMark.value = props.defineColumn;
+    };
+    const onBlur = () => {
+      console.log(`${focusHub.getNameSpace()}.${fbName} blured`);
+      hasFocused.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        ref_key: "blockRef",
+        ref: blockRef,
+        name: unref(fbName),
+        onAction: {
+          onFocus,
+          onBlur
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            class: "title",
+            style: normalizeStyle({
+              left: props.style.left,
+              backgroundColor: unref(hasFocused) ? "rgba(255,0,0,1)" : "rgba(0,255,0,1)"
+            })
+          }, toDisplayString(unref(fullName)), 5)
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const styleSheetsContent$3 = { "05d204d9": { ".title": '{"textAlign":"center","fontSize":14,"lineHeight":50,"top":30,"width":155,"height":50}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$3);
+const BaseBlock = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-05d204d9"]]);
+const _sfc_main$4 = {
+  __name: "LastLevelRoot",
+  props: {
+    defineLine: Number
+  },
+  setup(__props) {
+    const props = __props;
+    const focusHubWithNs = useFocusHub(true);
+    const columnMark = inject("BasicFocusAppColMark");
+    let childBlockInfo = [];
+    for (let i = 0; i < CONST_MAX_COLUMN; i++) {
+      childBlockInfo.push({
+        column: i,
+        focusBlockName: "C" + i
+      });
+    }
+    const onKeyDown = (ev) => {
+      let keyUsed = true;
+      let focusColumn = columnMark.value;
+      switch (ev.keyCode) {
+        case 37:
+          focusColumn--;
+          break;
+        case 39:
+          focusColumn++;
+          break;
+        default:
+          keyUsed = false;
+      }
+      if (keyUsed) {
+        if (focusColumn < 0) {
+          focusColumn = 0;
+        } else if (focusColumn >= CONST_MAX_COLUMN) {
+          focusColumn = CONST_MAX_COLUMN - 1;
+        }
+        console.log(`Do focus to sub name=${childBlockInfo[focusColumn].focusBlockName}`);
+        focusHubWithNs.setFocus(childBlockInfo[focusColumn].focusBlockName);
+      }
+      return keyUsed;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(childBlockInfo), (item) => {
+            return openBlock(), createBlock(BaseBlock, {
+              key: item.column,
+              focusBlockName: item.focusBlockName,
+              style: normalizeStyle({ left: 30 + 165 * item.column }),
+              defineColumn: item.column,
+              defineLine: props.defineLine
+            }, null, 8, ["focusBlockName", "style", "defineColumn", "defineLine"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+const Level1Area_vue_vue_type_style_index_0_scoped_55138e30_lang = "";
+const _sfc_main$3 = {
+  __name: "Level1Area",
+  props: {
+    newNameSpace: String,
+    defineLine: Number,
+    style: {
+      type: Object,
+      default() {
+        return { top: 0 };
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock("div", {
+        class: "mainArea1",
+        style: normalizeStyle({
+          top: props.style.top
+        })
+      }, [
+        createBaseVNode("div", { class: "title" }, toDisplayString(`NameSpace: ${props.newNameSpace}`), 1),
+        createVNode(_component_jsv_focus_block, {
+          namespace: props.newNameSpace
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$4, {
+              defineLine: props.defineLine
+            }, null, 8, ["defineLine"])
+          ]),
+          _: 1
+        }, 8, ["namespace"])
+      ], 4);
+    };
+  }
+};
+const styleSheetsContent$2 = { "55138e30": { ".mainArea1": '{"width":700,"height":100,"left":25,"backgroundColor":"#aed248"}', ".title": '{"textAlign":"left","fontSize":20,"lineHeight":24,"color":"#000000","left":5,"width":200,"height":24}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$2);
+const Level1Area = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-55138e30"]]);
+const Level0Area_vue_vue_type_style_index_0_scoped_a2556a62_lang = "";
+const _sfc_main$2 = {
+  __name: "Level0Area",
+  props: {
+    newNameSpace: String,
+    // 新的命名空间
+    startLine: Number,
+    // 其实行号
+    style: {
+      type: Object,
+      default() {
+        return { top: 0 };
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const level1List = [];
+    for (let i = 0; i < CONST_MAX_AREA_LINE; i++) {
+      level1List.push({
+        line: i,
+        defineLine: props.startLine + i,
+        nameSpace: "L" + i
+        // 不同的nameSpace下, 新命名的nameSpace可以重名
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock("div", {
+        class: "mainArea0",
+        style: normalizeStyle({
+          top: props.style.top
+        })
+      }, [
+        createBaseVNode("div", { class: "title" }, toDisplayString(`NameSpace: ${props.newNameSpace}`), 1),
+        createVNode(_component_jsv_focus_block, {
+          namespace: props.newNameSpace
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock(Fragment, null, renderList(level1List, (item) => {
+              return createVNode(Level1Area, {
+                key: item.line,
+                newNameSpace: item.nameSpace,
+                style: normalizeStyle({ top: 24 + (100 + 3) * item.line }),
+                defineLine: item.defineLine
+              }, null, 8, ["newNameSpace", "style", "defineLine"]);
+            }), 64))
+          ]),
+          _: 1
+        }, 8, ["namespace"])
+      ], 4);
+    };
+  }
+};
+const styleSheetsContent$1 = { "a2556a62": { ".mainArea0": '{"width":750,"height":240,"backgroundColor":"#00F0F0"}', ".title": '{"textAlign":"left","fontSize":20,"lineHeight":24,"color":"#000000","left":5,"height":24}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
+const Level0Area = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a2556a62"]]);
+const _sfc_main$1 = {
+  __name: "MainArea",
+  setup(__props) {
+    const focusHubRoot = useFocusHub();
+    const columnMark = shallowRef(0);
+    provide(CONST_COLUMN_MARK, columnMark);
+    const blockFullNames = new Array(CONST_MAX_AREA_LINE * 2 * CONST_MAX_COLUMN);
+    provide(CONST_FILL_NAME_FUNC, (line, column, fullName) => {
+      blockFullNames[line * CONST_MAX_COLUMN + column] = fullName;
+    });
+    let lineMark = 0;
+    const onKeyDown = (ev) => {
+      let keyUsed = true;
+      let focusLine = lineMark;
+      switch (ev.keyCode) {
+        case 38:
+          focusLine--;
+          break;
+        case 40:
+          focusLine++;
+          break;
+        default:
+          keyUsed = false;
+      }
+      if (keyUsed) {
+        if (focusLine < 0) {
+          focusLine = 0;
+        } else if (focusLine >= CONST_MAX_AREA_LINE * 2) {
+          focusLine = CONST_MAX_AREA_LINE * 2 - 1;
+        }
+        lineMark = focusLine;
+        let fullName = blockFullNames[focusLine * CONST_MAX_COLUMN + columnMark.value];
+        console.log(`Do root change focus to name=${fullName}`);
+        focusHubRoot.setFocus(fullName);
+      }
+      return keyUsed;
+    };
+    focusHubRoot.setFocus("TopNS.L0.C0");
+    onMounted(() => {
+      columnMark.value = 0;
+      lineMark = 0;
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createVNode(Level0Area, {
+            newNameSpace: "TopNS",
+            startLine: 0,
+            style: { top: 0 }
+          }),
+          createVNode(Level0Area, {
+            newNameSpace: "BottomNS",
+            startLine: unref(CONST_MAX_AREA_LINE),
+            style: normalizeStyle({ top: 120 * unref(CONST_MAX_AREA_LINE) + 20 })
+          }, null, 8, ["startLine", "style"])
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+const App_vue_vue_type_style_index_0_scoped_405a787d_lang = "";
+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 false;
+    };
+    window.DebugMyHub = useFocusHub();
+    onMounted(() => {
+      window.DebugMyHub.setFocus("main.R1C1");
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, { onKeyDown }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { class: "title" }, "可上下左右切换焦点"),
+          createBaseVNode("div", { class: "body" }, [
+            createVNode(_sfc_main$1)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "405a787d": { ".title": '{"textAlign":"center","fontSize":30,"lineHeight":50,"color":"#ffffff","left":100,"top":50,"width":400,"height":50,"backgroundColor":"rgba(27, 38, 151, 0.8)"}', ".body": '{"left":100,"top":120}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-405a787d"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.11cde12f.js.map
+
+/*jsvmd5:9ed106c68c88100080ab4017c31a1d25*/

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

@@ -0,0 +1,116 @@
+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 jpegDemo = "" + new URL("../assets/jpegDemo.ede7ed35.jpeg", import.meta.url).href;
+const pngDemo = "" + new URL("../assets/1.5dc15599.png", import.meta.url).href;
+const pngNoAlphaDemo = "" + new URL("../assets/pngNoAlphaDemo.8d9edc0f.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_aac9a0c9_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        if (window.JsView) {
+          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(`原图加载
+内存占用由图片尺寸决定`)),
+                createBaseVNode("div", { class: "leftFont top250" }, toDisplayString(`指定尺寸加载
+内存占用由给定尺寸决定，图片质量基本没变，但更省内存`))
+              ]),
+              createBaseVNode("div", { style: { left: 220, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top0",
+                  src: unref(bmpDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top250",
+                  "data-jsv-img-scaledown-tex": "",
+                  src: unref(bmpDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString(`bmp图片
+指定尺寸噪点明显更大`))
+              ]),
+              createBaseVNode("div", { style: { left: 440, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top0",
+                  src: unref(jpegDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top250",
+                  "data-jsv-img-scaledown-tex": "",
+                  src: unref(jpegDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString("jpg/jpeg图片"))
+              ]),
+              createBaseVNode("div", { style: { left: 660, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top0",
+                  src: unref(pngDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top250",
+                  "data-jsv-img-scaledown-tex": "",
+                  src: unref(pngDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString(`png有透明图片
+指定尺寸有明显锯齿`))
+              ]),
+              createBaseVNode("div", { style: { left: 880, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  class: "graphSize top0",
+                  src: unref(pngNoAlphaDemo)
+                }, null, 8, ["src"]),
+                createBaseVNode("img", {
+                  alt: "",
+                  src: unref(pngNoAlphaDemo),
+                  class: "graphSize top250",
+                  "data-jsv-img-scaledown-tex": ""
+                }, null, 8, ["src"]),
+                createBaseVNode("div", { class: "underFont" }, toDisplayString(`png无透明图片`))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "aac9a0c9": { ".allBgc": '{"width":1920,"height":1080,"backgroundColor":"#334c4c"}', ".block": '{"left":20,"top":50}', ".leftFont": '{"left":0,"width":210,"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-aac9a0c9"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.121965ad.js.map
+
+/*jsvmd5:80a728aae6843a24f713cbb4945c09ac*/

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

@@ -0,0 +1,200 @@
+import { u as useFocusHub, a as useRouter, 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, e as createElementBlock, q as createCommentVNode, k as createVNode } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const FlipCard_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$1 = {
+  __name: "FlipCard",
+  props: {
+    initFlipped: Boolean,
+    width: Number,
+    height: Number,
+    backImg: String,
+    foreImg: String,
+    perspective: Number,
+    data: Object,
+    query: Object,
+    onEdge: Function,
+    onAction: Object,
+    name: String
+  },
+  setup(__props) {
+    const props = __props;
+    let flipAnim = ref("");
+    let flipped = ref(props.initFlipped);
+    let focused = ref(false);
+    let keyLocked = false;
+    let focusNode = ref(null);
+    let focusHub = useFocusHub();
+    const onFocus = () => {
+      focused.value = true;
+      focusHub.setFocus(props.name);
+    };
+    const onBlur = () => {
+      focused.value = false;
+    };
+    const onClick = () => {
+    };
+    const onFlipped = () => {
+      flipped.value = !flipped.value;
+      keyLocked = false;
+    };
+    const onKeyDown = (ev) => {
+      if (keyLocked) {
+        return true;
+      } else {
+        if (ev.keyCode === 13) {
+          flipAnim.value = flipped.value ? "flip 1s" : "flipBack 1s";
+          return true;
+        }
+      }
+      return false;
+    };
+    props.onAction.register("onFocus", onFocus);
+    props.onAction.register("onBlur", onBlur);
+    props.onAction.register("onClick", onClick);
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        ref_key: "focusNode",
+        ref: focusNode,
+        name: __props.name,
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            style: normalizeStyle({ width: __props.width, height: __props.height, perspective: __props.perspective })
+          }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: __props.width,
+                height: __props.height,
+                animation: unref(flipAnim),
+                transformStyle: "preserve-3d",
+                backgroundColor: "#FFFF00"
+              }),
+              onAnimationend: onFlipped
+            }, [
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  width: __props.width,
+                  height: __props.height,
+                  backgroundImage: __props.backImg,
+                  backfaceVisibility: "hidden",
+                  transform: unref(flipped) ? "" : "rotate3d(0,1,0,180deg)"
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  width: __props.width,
+                  height: __props.height,
+                  backgroundImage: __props.foreImg,
+                  backfaceVisibility: "hidden",
+                  transform: unref(flipped) ? "rotate3d(0,1,0,-180deg)" : ""
+                })
+              }, null, 4)
+            ], 36)
+          ], 4),
+          unref(focused) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: { width: 20, height: 20, backgroundColor: "#FF0000" }
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const styleSheetsContent = { "0": { "flip": "@keyframes flip {from{transform:rotate3d(0, 1, 0, 0deg);transform-origin:center center;}to{transform:rotate3d(0, 1, 0, 180deg);transform-origin:center center;}}", "flipBack": "@keyframes flipBack {from{transform:rotate3d(0, 1, 0, 0deg);transform-origin:center center;}to{transform:rotate3d(0, 1, 0, -180deg);transform-origin:center center;}}" } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+let data = [];
+for (let i = 0; i < 12; i++) {
+  data.push({
+    blocks: {
+      w: 200,
+      h: 300
+    },
+    focusable: true,
+    id: i
+  });
+}
+const redEgg = "" + new URL("../assets/red_egg.27ca7d39.png", import.meta.url).href;
+const blueEgg = "" + new URL("../assets/blue_egg.a2c54f95.png", import.meta.url).href;
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const name = "/flipCard";
+    const focusNode = ref(null);
+    const router = useRouter();
+    const focusHub = useFocusHub();
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+        return true;
+      }
+      return false;
+    };
+    const measures = (item) => {
+      return {
+        width: item.blocks.w,
+        height: item.blocks.h,
+        focusable: item.focusable,
+        hasSub: item.hasSub
+      };
+    };
+    const onFocus = () => {
+      focusHub.setFocus(name);
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        ref_key: "focusNode",
+        ref: focusNode,
+        autoFocus: "",
+        onAction: {
+          onKeyDown,
+          onFocus
+        }
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$F), {
+            name,
+            width: 1280,
+            height: 720,
+            padding: { left: 50, top: 100, right: 20, bottom: 20 },
+            data: unref(data),
+            direction: unref(HORIZONTAL),
+            measures
+          }, {
+            renderItem: withCtx(({ data: data2, query, onEdge, onAction }) => [
+              createVNode(_sfc_main$1, {
+                data: data2,
+                query,
+                onEdge,
+                onAction,
+                width: 191,
+                height: 252,
+                backImg: unref(redEgg),
+                foreImg: unref(blueEgg),
+                perspective: 300,
+                initFlipped: false,
+                name: name + "/" + data2.id
+              }, null, 8, ["data", "query", "onEdge", "onAction", "backImg", "foreImg", "name"])
+            ]),
+            _: 1
+          }, 8, ["data", "direction"])
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.1575b8f0.js.map
+
+/*jsvmd5:2abcb62b5aa835e14541f3dcfed4466b*/