create-jsview 2.1.366-test.0 → 2.1.428

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

@@ -0,0 +1,240 @@
+import { c as computed, a as ref, B as watchEffect, o as openBlock, e as createElementBlock, g as normalizeStyle, q as createCommentVNode, s as shallowRef, E as onBeforeUnmount, f as createBaseVNode, u as unref, k as createVNode, G as toDisplayString } from "./vue.889a9b8b.js";
+import { s as sTextureStoreApi } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const _sfc_main$1 = {
+  __name: "JsvNinePatch",
+  props: {
+    style: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    top: { type: Number, default: 0 },
+    left: { type: Number, default: 0 },
+    waitForInit: { type: Boolean, default: true },
+    imageUrl: { type: String, required: true },
+    imageWidth: { type: Number, required: true },
+    imageDspWidth: { type: Number, default: 0 },
+    contentWidth: { type: Number, default: -1 },
+    centerWidth: { type: Number, default: -1, required: true },
+    borderOutset: { type: Number, required: true },
+    animTime: { type: Number, default: 0 },
+    onTransitionEnd: { type: Function },
+    animation: { type: String }
+  },
+  setup(__props) {
+    const props = __props;
+    const isReady = () => {
+      if (!props.waitForInit) {
+        return true;
+      }
+      return props.style && props.style.width !== 0 && props.style.height !== 0;
+    };
+    const getTransition = () => {
+      let transition = "";
+      if (props.animTime && props.animTime > 0) {
+        transition = `left ${props.animTime}s, top ${props.animTime}s, width ${props.animTime}s, height ${props.animTime}s`;
+      }
+      return transition;
+    };
+    let centerWidth = props.contentWidth > 0 ? props.contentWidth : 1;
+    if (props.centerWidth >= 0) {
+      centerWidth = props.centerWidth > 0 ? props.centerWidth : 1;
+    }
+    const imageDspWidthInner = computed(
+      () => props.imageDspWidth > 0 ? props.imageDspWidth : props.imageWidth
+    );
+    const sliceWidth = ref(
+      Math.ceil(Math.max(0, (props.imageWidth - centerWidth) / 2))
+    );
+    const borderDspWidth = ref(
+      Math.ceil(sliceWidth.value * imageDspWidthInner.value / props.imageWidth)
+    );
+    const convertedBorderOutset = ref(
+      Math.ceil(props.borderOutset * imageDspWidthInner.value / props.imageWidth)
+    );
+    watchEffect(() => {
+      if (props.style?.width && props.style.width <= imageDspWidthInner.value || props.style?.height && props.style.height <= imageDspWidthInner.value) {
+        console.warn(
+          "JsvNinePatch: style size must be larger than imageDspWidth. style is",
+          props.style,
+          "imageDspWidth is",
+          imageDspWidthInner.value
+        );
+      }
+    });
+    return (_ctx, _cache) => {
+      return isReady() ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          ...__props.style,
+          transition: !!__props.animation ? null : getTransition(),
+          animation: __props.animation,
+          borderImage: `url(${__props.imageUrl}) ${sliceWidth.value} fill`,
+          borderImageWidth: `${borderDspWidth.value}px`,
+          borderImageOutset: `${convertedBorderOutset.value}px`
+        }),
+        onTransitionend: _cache[0] || (_cache[0] = (...args) => props.onTransitionEnd && props.onTransitionEnd(...args))
+      }, null, 36)) : createCommentVNode("", true);
+    };
+  }
+};
+const App_vue_vue_type_style_index_0_scoped_dd787ce2_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    let canvasRef;
+    let canvasRef2;
+    let canvasRef3;
+    let sourceId = shallowRef("");
+    let sourceId2 = shallowRef("");
+    let sourceId3 = shallowRef("");
+    let bitmap = {
+      width: 150,
+      height: 150
+    };
+    let bitmap2 = {
+      width: 136,
+      height: 136
+    };
+    let bitmap3 = {
+      width: 136,
+      height: 136
+    };
+    canvasRef = sTextureStoreApi.canvasTexture(bitmap.width, bitmap.height);
+    canvasRef2 = sTextureStoreApi.canvasTexture(bitmap2.width, bitmap2.height);
+    canvasRef3 = sTextureStoreApi.canvasTexture(bitmap3.width, bitmap3.height);
+    let centerX = bitmap.width / 2;
+    let centerY = bitmap.height / 2;
+    let radius = 50;
+    let startAngle = 0;
+    let sweepAngle = 180;
+    let customPath = canvasRef.customPath();
+    customPath.arcTo(
+      centerX - radius,
+      centerY - radius,
+      centerX + radius,
+      centerY + radius,
+      startAngle,
+      sweepAngle
+    );
+    customPath.close();
+    customPath.fill("#FF0000");
+    sourceId.value = canvasRef.commit();
+    let radius2 = 60;
+    let customPath2 = canvasRef2.circlePath(68, 68, radius2);
+    customPath2.stroke(6, "#87CEEB");
+    sourceId2.value = canvasRef2.commit();
+    let customPath3 = canvasRef3.rectPath(3, 3, 133, 133);
+    customPath3.stroke(6, "#87CEEB");
+    sourceId3.value = canvasRef3.commit();
+    onBeforeUnmount(() => {
+      sTextureStoreApi.deleteTexture(sourceId.value);
+      sTextureStoreApi.deleteTexture(sourceId2.value);
+      sTextureStoreApi.deleteTexture(sourceId3.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "bgStyle" }, [
+        createBaseVNode("div", {
+          class: "logo-bg",
+          style: {
+            left: 200
+          }
+        }, [
+          createBaseVNode("img", {
+            src: `jsvtexturestore://${unref(sourceId)}`,
+            class: "logo-size",
+            style: {
+              left: 50,
+              top: 50
+            }
+          }, null, 8, ["src"])
+        ]),
+        createBaseVNode("div", {
+          class: "logo-bg",
+          style: {
+            left: 700,
+            top: 0
+          }
+        }, [
+          createBaseVNode("div", {
+            class: "logo-size",
+            style: {
+              borderRadius: 60,
+              left: 50,
+              backgroundColor: "#FF1213",
+              top: 50
+            }
+          }, [
+            createVNode(_sfc_main$1, {
+              style: {
+                left: 0,
+                top: 0,
+                width: 200,
+                height: 200
+              },
+              imageUrl: `jsvtexturestore://${unref(sourceId2)}`,
+              imageWidth: 136,
+              centerWidth: 1,
+              imageDspWidth: 136,
+              borderOutset: 8,
+              animTime: 0
+            }, null, 8, ["imageUrl"])
+          ])
+        ]),
+        createBaseVNode("div", {
+          class: "logo-bg",
+          style: { left: 200, top: 360 }
+        }, [
+          createBaseVNode("div", {
+            class: "logo-size",
+            style: {
+              left: 50,
+              backgroundColor: "#FF1213",
+              top: 50
+            }
+          }, [
+            createVNode(_sfc_main$1, {
+              style: {
+                left: 0,
+                top: 0,
+                width: 200,
+                height: 200
+              },
+              imageUrl: `jsvtexturestore://${unref(sourceId3)}`,
+              imageWidth: 136,
+              centerWidth: 1,
+              imageDspWidth: 136,
+              borderOutset: 6,
+              animTime: 0
+            }, null, 8, ["imageUrl"])
+          ])
+        ]),
+        createBaseVNode("div", {
+          class: "text",
+          style: { top: 320, left: 200 }
+        }, toDisplayString("半圆")),
+        createBaseVNode("div", {
+          class: "text",
+          style: { top: 320, left: 700 }
+        }, toDisplayString("圆角NinePatch")),
+        createBaseVNode("div", {
+          class: "text",
+          style: { top: 680, left: 200 }
+        }, toDisplayString("直角NinePatch"))
+      ]);
+    };
+  }
+};
+const styleSheetsContent = { "dd787ce2": { ".bgStyle": '{"width":1280,"height":720,"backgroundColor":"#007788"}', ".logo-size": '{"width":200,"height":200}', ".logo-bg": '{"width":300,"height":300,"backgroundColor":"#007f00"}', ".text": '{"width":300,"height":30,"fontSize":28,"lineHeight":30,"color":"#FFFFFF","textAlign":"center"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd787ce2"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.7a63fc1e.js.map
+
+/*jsvmd5:0e298d0677339850b92fb28f1a1fda77*/

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

@@ -0,0 +1,447 @@
+import { B as JsvActorMoveControl, C as _sfc_main$C, a as useRouter } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { s as shallowRef, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, G as toDisplayString, u as unref, k as createVNode, c as computed, e as createElementBlock, g as normalizeStyle, q as createCommentVNode } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const LRParabolicDemo_vue_vue_type_style_index_0_scoped_6506d4e3_lang = "";
+const _sfc_main$4 = {
+  __name: "LRParabolicDemo",
+  props: {
+    name: String
+  },
+  setup(__props) {
+    let throwControl = new JsvActorMoveControl();
+    let moveControl = new JsvActorMoveControl();
+    let direction = shallowRef(1);
+    function onKeyDown(ev) {
+      switch (ev.keyCode) {
+        case 13:
+          direction.value = -direction.value;
+          moveControl.moveToX(195 * direction.value, 250, (x, y) => {
+            console.log(`Move end with x=${x} y=${y}`);
+          });
+          throwControl.throwAlongY(
+            -500,
+            750,
+            { type: "catch", position: 0, direction: 1 },
+            (x, y) => {
+              console.log(`Throw end with x=${x} y=${y}`);
+            },
+            () => {
+              console.log("Get to the pole...");
+            }
+          );
+          return true;
+      }
+      return false;
+    }
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        ref: "focusNode",
+        name: __props.name,
+        autoFocus: "",
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            key: "sample1",
+            class: "detail-font",
+            style: { top: 150, left: 425, width: 430, height: 40 }
+          }, " 抛物线运动 "),
+          createBaseVNode("div", {
+            key: "DirectText",
+            class: "font",
+            style: { top: 250, left: 425, width: 430, height: 40 }
+          }, toDisplayString(`当前方向:${unref(direction) > 0 ? "右" : "左"}`), 1),
+          createBaseVNode("div", { style: { top: 590, left: 625 } }, [
+            createVNode(unref(_sfc_main$C), {
+              key: "move",
+              control: unref(moveControl)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$C), {
+                  key: "throw",
+                  control: unref(throwControl)
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", { style: { backgroundColor: "#00FF00", width: 30, height: 30 } })
+                  ]),
+                  _: 1
+                }, 8, ["control"])
+              ]),
+              _: 1
+            }, 8, ["control"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const styleSheetsContent$3 = { "6506d4e3": { ".font": '{"fontSize":32,"color":"#73665c","lineHeight":40,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}', ".detail-font": '{"fontSize":32,"color":"#f7f7eb","lineHeight":30,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$3);
+const LRParabolicDemo = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6506d4e3"]]);
+const UDParabolicDemo_vue_vue_type_style_index_0_scoped_c5991045_lang = "";
+const _sfc_main$3 = {
+  __name: "UDParabolicDemo",
+  props: {
+    name: String
+  },
+  setup(__props) {
+    const props = __props;
+    let throwControl = new JsvActorMoveControl();
+    let moveControl = new JsvActorMoveControl();
+    let focusNode = shallowRef(null);
+    let direction = shallowRef(1);
+    const directionDetail = computed(() => {
+      return direction.value < 0 ? "上" : "下";
+    });
+    const detail = computed(() => {
+      return direction.value < 0 ? "向上抛物" : "向下掷物并弹起";
+    });
+    const onKeyDown = (ev) => {
+      let preDirection = direction.value;
+      switch (ev.keyCode) {
+        case 13:
+          direction.value = -direction.value;
+          throwControl.throwAlongY(
+            -400 * preDirection,
+            550 * preDirection,
+            {
+              type: "catch",
+              position: 100 * preDirection,
+              direction: preDirection
+            },
+            (x, y) => {
+              console.log(`Throw end with x=${x} y=${y}`);
+            }
+          );
+          return true;
+      }
+      return false;
+    };
+    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,
+        autoFocus: "",
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            key: "sample1",
+            class: "detail-font",
+            style: { top: 150, left: 425, width: 430, height: 40 }
+          }, toDisplayString(unref(detail)), 1),
+          createBaseVNode("div", {
+            key: "DirectText",
+            class: "font",
+            style: { top: 250, left: 425, width: 430, height: 40 }
+          }, toDisplayString(`当前方向:${unref(directionDetail)}`), 1),
+          createBaseVNode("div", { style: { top: 590, left: 625 } }, [
+            createVNode(unref(_sfc_main$C), {
+              key: "move",
+              control: unref(moveControl)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$C), {
+                  key: "throw",
+                  control: unref(throwControl)
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", { style: { backgroundColor: "#ffb915", width: 30, height: 30 } })
+                  ]),
+                  _: 1
+                }, 8, ["control"])
+              ]),
+              _: 1
+            }, 8, ["control"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const styleSheetsContent$2 = { "c5991045": { ".font": '{"fontSize":32,"color":"#73665c","lineHeight":40,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}', ".detail-font": '{"fontSize":32,"color":"#f7f7eb","lineHeight":30,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$2);
+const UDParabolicDemo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c5991045"]]);
+const TargetDemo_vue_vue_type_style_index_0_scoped_4da207fe_lang = "";
+const _sfc_main$2 = {
+  __name: "TargetDemo",
+  props: {
+    name: String
+  },
+  setup(__props) {
+    const props = __props;
+    let direction = shallowRef(1);
+    let throwControl = new JsvActorMoveControl();
+    let moveControl = new JsvActorMoveControl();
+    let focusNode = shallowRef(null);
+    const onKeyDown = (ev) => {
+      if (ev.keyCode === 13) {
+        let preDirection = direction.value;
+        direction.value = -direction.value;
+        moveControl.moveToX(195 * direction.value, 250, (x, y) => {
+          console.log(`Move end with x=${x} y=${y}`);
+        });
+        const position = -100 * preDirection / 2;
+        throwControl.throwAlongY(
+          -500 * preDirection,
+          750 * preDirection,
+          {
+            type: "catch",
+            position,
+            direction: -1 * preDirection
+          },
+          (x, y) => {
+            console.log(`Throw end with x=${x} y=${y}`);
+          }
+        );
+        return true;
+      }
+      return false;
+    };
+    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,
+        autoFocus: "",
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            key: "sample1",
+            class: "detail-font",
+            style: { top: 150, left: 425, width: 430, height: 40 }
+          }, " 拐点前触碰目标点 "),
+          createBaseVNode("div", {
+            key: "DirectText",
+            class: "font",
+            style: { top: 250, left: 425, width: 430, height: 40 }
+          }, toDisplayString(`当前方向:${unref(direction) > 0 ? "右" : "左"}`), 1),
+          createBaseVNode("div", { style: { top: 590, left: 625 } }, [
+            createVNode(unref(_sfc_main$C), {
+              key: "move",
+              control: unref(moveControl)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$C), {
+                  key: "throw",
+                  control: unref(throwControl)
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", { style: { backgroundColor: "#0916ff", width: 30, height: 30 } })
+                  ]),
+                  _: 1
+                }, 8, ["control"])
+              ]),
+              _: 1
+            }, 8, ["control"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const styleSheetsContent$1 = { "4da207fe": { ".font": '{"fontSize":32,"color":"#73665c","lineHeight":40,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}', ".detail-font": '{"fontSize":32,"color":"#f7f7eb","lineHeight":30,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
+const TargetDemo = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4da207fe"]]);
+const AccelerateDemo_vue_vue_type_style_index_0_scoped_88b95f52_lang = "";
+const _sfc_main$1 = {
+  __name: "AccelerateDemo",
+  props: {
+    name: String
+  },
+  setup(__props) {
+    const props = __props;
+    let direction = shallowRef(1);
+    let throwControl = new JsvActorMoveControl();
+    let moveControl = new JsvActorMoveControl();
+    let focusNode = shallowRef(null);
+    const directionDetail = computed(() => {
+      return direction.value > 0 ? "上" : "下";
+    });
+    const onKeyDown = (ev) => {
+      if (ev.keyCode === 13) {
+        let preDirection = direction.value;
+        direction.value = -direction.value;
+        throwControl.throwAlongY(
+          0,
+          750 * preDirection,
+          {
+            type: "catch",
+            position: 200 * preDirection,
+            direction: preDirection
+          },
+          (x, y) => {
+            console.log(`Throw end with x=${x} y=${y}`);
+          }
+        );
+        return true;
+      }
+      return false;
+    };
+    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,
+        autoFocus: "",
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            key: "sample1",
+            class: "detail-font",
+            style: { top: 150, left: 425, width: 430, height: 40 }
+          }, toDisplayString(`向${unref(directionDetail)}加速`), 1),
+          createBaseVNode("div", {
+            key: "DirectText",
+            class: "font",
+            style: { top: 250, left: 425, width: 430, height: 40 }
+          }, toDisplayString(`当前方向:${unref(directionDetail)}`), 1),
+          createBaseVNode("div", { style: { top: 590, left: 625 } }, [
+            createVNode(unref(_sfc_main$C), {
+              key: "move",
+              control: unref(moveControl)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$C), {
+                  key: "throw",
+                  control: unref(throwControl)
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", { style: { backgroundColor: "#FF0000", width: 30, height: 30 } })
+                  ]),
+                  _: 1
+                }, 8, ["control"])
+              ]),
+              _: 1
+            }, 8, ["control"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const styleSheetsContent = { "88b95f52": { ".font": '{"fontSize":32,"color":"#73665c","lineHeight":40,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}', ".detail-font": '{"fontSize":32,"color":"#f7f7eb","lineHeight":30,"overflow":"hidden","whiteSpace":"nowrap","textOverflow":"ellipsis","textAlign":"center"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const AccelerateDemo = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-88b95f52"]]);
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    let demoIndex = shallowRef(0);
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router?.go(-1);
+        return true;
+      }
+      if (ev.keyCode === 37) {
+        demoIndex.value = demoIndex.value - 1 < 0 ? 3 : demoIndex.value - 1;
+      } else if (ev.keyCode === 39) {
+        demoIndex.value = demoIndex.value + 1 > 3 ? 0 : demoIndex.value + 1;
+      }
+      return true;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock("div", { style: {
+        width: 1920,
+        height: 1080,
+        backgroundColor: "#000000"
+      } }, [
+        createBaseVNode("div", {
+          key: "leftWall",
+          style: {
+            top: 0,
+            left: 425,
+            width: 5,
+            height: 620,
+            backgroundColor: "#F0F000"
+          }
+        }),
+        createBaseVNode("div", {
+          key: "rightWall",
+          style: {
+            top: 0,
+            left: 850,
+            width: 5,
+            height: 620,
+            backgroundColor: "#F0F000"
+          }
+        }),
+        createBaseVNode("div", {
+          key: "bottomWall",
+          style: {
+            top: 620,
+            left: 425,
+            width: 430,
+            height: 5,
+            backgroundColor: "#F0F000"
+          }
+        }),
+        createBaseVNode("div", {
+          key: "GuidText1",
+          className: "{CssStyles.FontStyle.getName()}",
+          style: normalizeStyle({ top: 625, left: (1280 - 430) / 2, width: 430, height: 40 })
+        }, " {`按OK键进行跳跃和转向`} ", 4),
+        createBaseVNode("div", {
+          key: "GuidText2",
+          className: "{CssStyles.FontStyle.getName()}",
+          style: normalizeStyle({ top: 625 + 40, left: (1280 - 430) / 2, width: 430, height: 40 })
+        }, " {`左右键切换不同模式的Demo`} ", 4),
+        createVNode(_component_jsv_focus_block, {
+          autoFocus: "",
+          ref: "focusNode",
+          onAction: {
+            onKeyDown
+          }
+        }, {
+          default: withCtx(() => [
+            unref(demoIndex) === 0 ? (openBlock(), createBlock(LRParabolicDemo, {
+              key: 0,
+              name: "/actorMove"
+            })) : createCommentVNode("", true),
+            unref(demoIndex) === 1 ? (openBlock(), createBlock(UDParabolicDemo, {
+              key: 1,
+              name: "/udDemo"
+            })) : createCommentVNode("", true),
+            unref(demoIndex) === 2 ? (openBlock(), createBlock(TargetDemo, {
+              key: 2,
+              name: "/targetDemo"
+            })) : createCommentVNode("", true),
+            unref(demoIndex) === 3 ? (openBlock(), createBlock(AccelerateDemo, {
+              key: 3,
+              name: "/accelerateDemo"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["onAction"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.7b9d1275.js.map
+
+/*jsvmd5:92136ab70b1597556f858282e571bb41*/