create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,241 @@
+import { T as globalLoadJsvPlayerPlugin, U as _JsvPlayer, a as useRouter, c as bridge, W as _sfc_main$l } from "./jsview-vue-entry.415721d8.js";
+import { i as img } from "./jpegDemo.ff177df5.js";
+import { g as getDataUrl } from "./main.bd759d7c.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { o as openBlock, e as createElementBlock, f as createBaseVNode, u as unref, F as Fragment, k as createVNode, g as normalizeStyle, a as ref, r as reactive, t as onMounted, b as resolveComponent, l as withCtx, G as toDisplayString } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const webpSample = "" + new URL("../assets/webpDemo.eb0b7786.webp", import.meta.url).href;
+const AnimatePic_vue_vue_type_style_index_0_scoped_b2b6761b_lang = "";
+const _sfc_main$2 = {
+  __name: "AnimatePic",
+  setup(__props) {
+    const DemoResourceBase = getDataUrl();
+    const item_url = DemoResourceBase ? `${DemoResourceBase}/27bda620942566673ab449a3ef765321.png` : "http://oss.image.qcast.cn/homepage/20210209/27bda620942566673ab449a3ef765321.png";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", {
+          className: "blockStyle",
+          style: {
+            backgroundColor: "#0000FF",
+            animation: "opacityDemo_CompositeNoOpacity 3s infinite"
+          }
+        }),
+        createBaseVNode("img", {
+          className: "blockStyle",
+          style: {
+            objectFit: "contain",
+            animation: "opacityDemo_CompositeOpacity 3s infinite"
+          },
+          src: unref(item_url)
+        }, null, 8, ["src"])
+      ], 64);
+    };
+  }
+};
+const styleSheetsContent$2 = { "0": { "opacityDemo_CompositeOpacity-b2b6761b": "@keyframes opacityDemo_CompositeOpacity-b2b6761b {from{transform:translate3d(50%, 30, 0) scale3d(1.5, 1.5, 1)\n      rotate3d(1.5, 1, 0, 90deg) skew(30deg, 45deg);opacity:0.1;}to{}}", "opacityDemo_CompositeNoOpacity-b2b6761b": "@keyframes opacityDemo_CompositeNoOpacity-b2b6761b {from{transform:translate3d(50%, 30, 0) scale3d(1.5, 1.5, 1)\n      rotate3d(1.5, 1, 0, 90deg) skew(30deg, 45deg);}to{}}" }, "b2b6761b": { ".blockStyle": '{"top":50,"left":50,"width":150,"height":150}', ".picTitleTextClass": '{"fontSize":25,"height":68,"lineHeight":34,"color":"#000000","textAlign":"\\"center\\""}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$2);
+const AnimatePic = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b2b6761b"]]);
+const VideoLayer_vue_vue_type_style_index_0_scoped_5b1f0d3c_lang = "";
+const _sfc_main$1 = {
+  __name: "VideoLayer",
+  props: {
+    top: {
+      type: Number,
+      default: 0
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    width: {
+      type: Number,
+      require: true
+    },
+    height: {
+      type: Number,
+      require: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    globalLoadJsvPlayerPlugin((status) => {
+      console.log("JsvPlayer plugin load status: " + status);
+    });
+    const video_url = "http://qcast-image.oss-cn-qingdao.aliyuncs.com/homepage/20190726/4cc4e6a8fd7d9d9c707ed4c4da27ca9d.mp4";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        className: "blockStyle",
+        style: normalizeStyle({
+          top: props.top,
+          left: props.left,
+          width: props.width,
+          height: props.height,
+          backgroundColor: "#0000FF",
+          animation: "opacityVideoDemo_CompositeOpacity 3s infinite"
+        })
+      }, [
+        createVNode(unref(_JsvPlayer), {
+          src: video_url,
+          autoplay: "autoplay",
+          loop: "loop",
+          style: normalizeStyle({
+            top: 5,
+            left: 5,
+            width: props.width - 10,
+            height: props.height - 10
+          })
+        }, null, 8, ["style"])
+      ], 4);
+    };
+  }
+};
+const styleSheetsContent$1 = { "0": { "opacityVideoDemo_CompositeOpacity-5b1f0d3c": "@keyframes opacityVideoDemo_CompositeOpacity-5b1f0d3c {from{opacity:0.1;}to{}}" } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
+const VideoLayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5b1f0d3c"]]);
+const App_vue_vue_type_style_index_0_scoped_a6fee5ea_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    ref(true);
+    let filterType = reactive({
+      type: "gray-down"
+    });
+    const router = useRouter();
+    const _onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+      } else {
+        if (ev.keyCode == 13) {
+          if (filterType.type == null) {
+            filterType.type = "gray-down";
+          } else {
+            filterType.type = null;
+          }
+        }
+      }
+      return true;
+    };
+    onMounted(() => {
+      bridge.notifyPageLoaded();
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_jsv_focus_block, {
+          autoFocus: "",
+          onAction: {
+            onKeyDown: _onKeyDown
+          },
+          style: {
+            width: 1920,
+            height: 1080,
+            backgroundColor: "#007788"
+          }
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", {
+              id: "main-test",
+              style: {
+                left: 400
+              }
+            }, [
+              createVNode(unref(_sfc_main$l), {
+                width: 501,
+                height: 401,
+                ref: "filter1",
+                filterType: unref(filterType).type
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", {
+                    style: normalizeStyle({
+                      left: 0,
+                      top: 0,
+                      width: 400,
+                      height: 350,
+                      backgroundImage: `url(${unref(img)})`
+                    })
+                  }, null, 4),
+                  createVNode(VideoLayer, {
+                    top: 20,
+                    left: 45,
+                    width: 310,
+                    height: 310
+                  })
+                ]),
+                _: 1
+              }, 8, ["filterType"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: 450,
+                  top: 0,
+                  width: 400,
+                  height: 350,
+                  backgroundImage: `url(${unref(img)})`
+                })
+              }, null, 4),
+              createVNode(unref(_sfc_main$l), {
+                top: 400,
+                width: 402,
+                height: 402,
+                ref: "filter2",
+                filterType: unref(filterType).type
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", {
+                    style: normalizeStyle({
+                      width: 300,
+                      height: 300,
+                      backgroundImage: `url(${unref(webpSample)})`
+                    })
+                  }, null, 4),
+                  createVNode(AnimatePic)
+                ]),
+                _: 1
+              }, 8, ["filterType"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: 450,
+                  top: 400,
+                  width: 300,
+                  height: 300,
+                  backgroundImage: `url(${unref(webpSample)})`
+                })
+              }, null, 4)
+            ])
+          ]),
+          _: 1
+        }, 8, ["onAction"]),
+        createBaseVNode("div", {
+          className: "guideText",
+          style: {
+            left: 10,
+            top: 30,
+            width: 400,
+            height: 800
+          }
+        }, toDisplayString(`1. 布局说明: 
+  第1行第1列为黑白图(含透明动画+video)，第2列为原图
+  第2行第1列为黑白图(透明+变形动画)，第2列为原图
+
+2. 操作说明
+  按OK键关闭/开启第1列的黑白滤镜
+
+3. 观测内容
+  A. 第1列是否正常切换黑白/彩色效果
+  B. 第1列的上下两个区域是否都含有淡出的动画
+  C. 第1行第1列是否看到视频(彩色)
+`), 1)
+      ], 64);
+    };
+  }
+};
+const styleSheetsContent = { "0": { "rotate-a6fee5ea": "@keyframes rotate-a6fee5ea {from{transform:rotate3d(0, 0, 1, 0);}to{transform:rotate3d(0, 0, 1, 360deg);}}" }, "a6fee5ea": { ".guideText": '{"color":"#ffffff","fontSize":16,"lineHeight":18}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a6fee5ea"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.a6ef2ea5.js.map
+
+/*jsvmd5:fe41161236b0f11dbbdd90c3460fbf83*/

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

@@ -0,0 +1,119 @@
+import { d as createRouter, j as jsvCreateHashHistory, u as useFocusHub, t as useRoute, a as useRouter, c as bridge } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { a as ref, s as shallowRef, t as onMounted, b as resolveComponent, o as openBlock, e as createElementBlock, f as createBaseVNode, G as toDisplayString, k as createVNode, l as withCtx, A as createBlock, M as resolveDynamicComponent } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const routeList = [
+  // 功能实例
+  {
+    name: "Home",
+    path: "/",
+    redirect: "/__MainJsvApp/MainPage"
+  },
+  {
+    name: "MainPage",
+    path: "/__MainJsvApp/MainPage",
+    component: () => import("./MainPage.cff1e89b.js")
+  },
+  {
+    name: "SubPageFirst",
+    path: "/__MainJsvApp/SubPageFirst",
+    component: () => import("./SubPage.9633adf8.js"),
+    props: {
+      name: "First",
+      jumpTo: "Second"
+    }
+  },
+  {
+    name: "SubPageSecond",
+    path: "/__MainJsvApp/SubPageSecond",
+    component: () => import("./SubPage.9633adf8.js"),
+    props: {
+      name: "Second",
+      jumpTo: "First"
+    }
+  }
+];
+const router = createRouter({
+  history: jsvCreateHashHistory(),
+  routes: routeList
+});
+const App_vue_vue_type_style_index_0_scoped_9e3c2777_lang = "";
+const __default__ = {
+  Router: router
+};
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  __name: "App",
+  props: {
+    routePath: String
+  },
+  setup(__props) {
+    const props = __props;
+    const focusHub = useFocusHub();
+    const displayUrl = ref("");
+    let topRef = shallowRef(null);
+    let routePage = shallowRef(null);
+    let currentRouter;
+    if (props.routePath) {
+      const currentRoute = useRoute();
+      currentRouter = useRouter();
+      let redirectPath;
+      for (const route of routeList) {
+        if (route.path === "/") {
+          redirectPath = route.redirect;
+          continue;
+        }
+        const subRoute = { ...route, path: route.path.substring(1) };
+        currentRouter.addRoute(currentRoute.name, subRoute);
+      }
+      currentRouter.replace(props.routePath + redirectPath);
+    } else {
+      currentRouter = router;
+    }
+    currentRouter.afterEach(() => {
+      displayUrl.value = window.location.href;
+    });
+    const onRequestFocus = (branchName) => {
+      focusHub.setFocus(branchName);
+    };
+    onMounted(() => {
+      bridge.notifyPageLoaded();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_view = resolveComponent("router-view");
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock("div", { class: "root" }, [
+        createBaseVNode("div", { class: "address" }, "当前URL: " + toDisplayString(displayUrl.value), 1),
+        createBaseVNode("div", { class: "split" }),
+        createVNode(_component_jsv_focus_block, {
+          ref_key: "topRef",
+          ref: topRef
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_router_view, null, {
+              default: withCtx(({ Component }) => [
+                (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                  ref_key: "routePage",
+                  ref: routePage,
+                  class: "router",
+                  onRequestFocus
+                }, null, 544))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+});
+const styleSheetsContent = { "9e3c2777": { ".root": '{"left":0,"top":0,"width":1280,"height":1080,"backgroundColor":"rgb(222, 211, 140)"}', ".address": '{"left":40,"top":40,"width":1200,"height":200,"fontSize":20}', ".split": '{"left":40,"top":150,"width":1200,"height":3,"backgroundColor":"#00f000"}', ".router": '{"left":0,"top":150,"width":1920,"height":930,"overflow":"hidden"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e3c2777"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.a82ae465.js.map
+
+/*jsvmd5:d53951fa1a2f552261a5f05b3f3104a5*/

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

@@ -0,0 +1,306 @@
+import { a as useRouter, $ as createImpactTracer, a0 as createImpactCallback } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { a as ref, t as onMounted, E as onBeforeUnmount, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, g as normalizeStyle, e as createElementBlock, q as createCommentVNode } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const App_vue_vue_type_style_index_0_scoped_afa09d0c_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const transEle1 = ref(null), transEle2 = ref(null), rotateEle1 = ref(null), rotateEle2 = ref(null), rotateEle3 = ref(null), rotateEle4 = ref(null), scaleEle1 = ref(null), scaleEle2 = ref(null), skewEle1 = ref(null), skewEle2 = ref(null);
+    let sensors = [];
+    const tLeftColor = ref("#FF0000"), tRightColor = ref("#00FF00"), rLeftColor = ref("#FF0000"), rRightColor = ref("#00FF00"), r2LeftColor = ref("#FF0000"), r2RightColor = ref("#00FF00"), sLeftColor = ref("#FF0000"), sRightColor = ref("#00FF00"), skLeftColor = ref("#FF0000"), skRightColor = ref("#00FF00");
+    const lastItemVisibility = ref("hidden");
+    const lastItemGone = ref(false);
+    setTimeout(() => {
+      lastItemVisibility.value = "visible";
+    }, 1e3);
+    setTimeout(() => {
+      lastItemGone.value = true;
+    }, 5e3);
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router?.go(-1);
+      }
+      return true;
+    };
+    onMounted(() => {
+      const translate_sensor = createImpactTracer(
+        transEle1.value,
+        transEle2.value,
+        createImpactCallback(
+          () => {
+            tLeftColor.value = "#00FFFF";
+            tRightColor.value = "#FFFF00";
+          },
+          () => {
+            tLeftColor.value = "#FF0000";
+            tRightColor.value = "#00FF00";
+          }
+        )
+      );
+      sensors.push(translate_sensor);
+      const rotate_count = { count: 0 };
+      const rotate_sensor = createImpactTracer(
+        rotateEle1.value,
+        rotateEle2.value,
+        createImpactCallback(
+          () => {
+            rLeftColor.value = "#00FFFF";
+            rRightColor.value = "#FFFF00";
+          },
+          () => {
+            rotate_count.count++;
+            if (rotate_count.count >= 2) {
+              console.log("Finish collision of rotate element");
+            }
+            rLeftColor.value = "#FF0000";
+            rRightColor.value = "#00FF00";
+          }
+        )
+      );
+      sensors.push(rotate_sensor);
+      const rotate2_sensor = createImpactTracer(
+        rotateEle3.value,
+        rotateEle4.value,
+        createImpactCallback(
+          () => {
+            r2LeftColor.value = "#00FFFF";
+            r2RightColor.value = "#FFFF00";
+          },
+          () => {
+            r2LeftColor.value = "#FF0000";
+            r2RightColor.value = "#00FF00";
+          }
+        )
+      );
+      sensors.push(rotate2_sensor);
+      const scale_sensor = createImpactTracer(
+        scaleEle1.value,
+        scaleEle2.value,
+        createImpactCallback(
+          () => {
+            sLeftColor.value = "#00FFFF";
+            sRightColor.value = "#FFFF00";
+          },
+          () => {
+            sLeftColor.value = "#FF0000";
+            sRightColor.value = "#00FF00";
+          }
+        )
+      );
+      sensors.push(scale_sensor);
+      const skew_sensor = createImpactTracer(
+        skewEle1.value,
+        skewEle2.value,
+        createImpactCallback(
+          () => {
+            skLeftColor.value = "#00FFFF";
+            skRightColor.value = "#FFFF00";
+          },
+          () => {
+            skLeftColor.value = "#FF0000";
+            skRightColor.value = "#00FF00";
+          }
+        )
+      );
+      sensors.push(skew_sensor);
+    });
+    onBeforeUnmount(() => {
+      for (let i = 0; i < sensors.length; i++) {
+        sensors[i].Recycle();
+      }
+      sensors = [];
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        style: {
+          width: 1920,
+          height: 1080,
+          backgroundColor: "#007788"
+        },
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          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)"
+            })
+          }, " 原生端辅助的高效率碰撞检测处理 ", 4),
+          createBaseVNode("div", { style: { top: 200, left: 100 } }, [
+            createBaseVNode("div", {
+              ref_key: "transEle1",
+              ref: transEle1,
+              style: normalizeStyle({
+                left: 0,
+                width: 100,
+                height: 100,
+                backgroundColor: tLeftColor.value,
+                animation: "toRight 5s"
+              })
+            }, " view1 ", 4),
+            createBaseVNode("div", { style: { left: 300 } }, [
+              createBaseVNode("div", {
+                ref_key: "transEle2",
+                ref: transEle2,
+                style: normalizeStyle({
+                  width: 100,
+                  height: 100,
+                  backgroundColor: tRightColor.value,
+                  animation: "toLeft 5s"
+                })
+              }, " view2 ", 4)
+            ])
+          ]),
+          createBaseVNode("div", { style: { top: 500, left: 100 } }, [
+            createBaseVNode("div", {
+              ref_key: "rotateEle1",
+              ref: rotateEle1,
+              style: normalizeStyle({
+                left: 0,
+                width: 20,
+                height: 150,
+                backgroundColor: rLeftColor.value,
+                animation: "rotate1 5s"
+              })
+            }, " view1 ", 4),
+            createBaseVNode("div", {
+              ref_key: "rotateEle2",
+              ref: rotateEle2,
+              style: normalizeStyle({
+                left: 100,
+                width: 20,
+                height: 150,
+                backgroundColor: rRightColor.value,
+                animation: "rotate2 5s"
+              })
+            }, " view2 ", 4)
+          ]),
+          createBaseVNode("div", { style: { top: 500, left: 500 } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                top: 50,
+                left: 0,
+                width: 150,
+                height: 150,
+                backgroundColor: "rgba(255,255,255,0.5)",
+                animation: "rotate3 5s"
+              })
+            }, [
+              createBaseVNode("div", {
+                ref_key: "rotateEle3",
+                ref: rotateEle3,
+                style: normalizeStyle({
+                  left: (150 - 20) / 2,
+                  width: 20,
+                  height: 150,
+                  backgroundColor: r2LeftColor.value
+                })
+              }, " view1 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                top: 0,
+                left: 100,
+                width: 150,
+                height: 150,
+                backgroundColor: "rgba(255,255,255,0.5)",
+                animation: "rotate4 5s"
+              })
+            }, [
+              createBaseVNode("div", {
+                ref_key: "rotateEle4",
+                ref: rotateEle4,
+                style: normalizeStyle({
+                  left: 0,
+                  top: (150 - 20) / 2,
+                  width: 150,
+                  height: 20,
+                  backgroundColor: r2RightColor.value
+                })
+              }, " view2 ", 4)
+            ], 4)
+          ]),
+          createBaseVNode("div", { style: { top: 200, left: 500 } }, [
+            createBaseVNode("div", {
+              ref_key: "scaleEle1",
+              ref: scaleEle1,
+              style: normalizeStyle({
+                left: 100,
+                width: 100,
+                height: 100,
+                backgroundColor: sLeftColor.value,
+                animation: "scale1 5s"
+              })
+            }, " view1 ", 4),
+            createBaseVNode("div", {
+              ref_key: "scaleEle2",
+              ref: scaleEle2,
+              style: normalizeStyle({
+                left: 250,
+                width: 100,
+                height: 100,
+                backgroundColor: sRightColor.value,
+                animation: "scale2 5s"
+              })
+            }, " view2 ", 4)
+          ]),
+          !lastItemGone.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle({
+              top: 500,
+              left: 800,
+              visibility: lastItemVisibility.value
+            })
+          }, [
+            createBaseVNode("div", {
+              ref_key: "skewEle1",
+              ref: skewEle1,
+              style: normalizeStyle({
+                left: 100,
+                width: 100,
+                height: 100,
+                backgroundColor: skLeftColor.value,
+                animation: "skew1 5s"
+              })
+            }, " viewA ", 4),
+            createBaseVNode("div", {
+              ref_key: "skewEle2",
+              ref: skewEle2,
+              style: normalizeStyle({
+                left: 300,
+                width: 100,
+                height: 100,
+                backgroundColor: skRightColor.value,
+                animation: "skew2 5s"
+              })
+            }, " viewB ", 4)
+          ], 4)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+const styleSheetsContent = { "0": { "toLeft-afa09d0c": "@keyframes toLeft-afa09d0c {from{transform:translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);}to{transform:translate3d(-300, 0, 0) scale3d(1.5, 1.5, 1);}}", "toRight-afa09d0c": "@keyframes toRight-afa09d0c {from{transform:translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);}to{transform:translate3d(300, 0, 0) scale3d(1.5, 1.5, 1);}}", "rotate1-afa09d0c": "@keyframes rotate1-afa09d0c {from{transform:rotate3d(0, 0, 1, 0deg);}to{transform:rotate3d(0, 0, 1, 360deg);}}", "rotate2-afa09d0c": "@keyframes rotate2-afa09d0c {from{transform:rotate3d(0, 0, 1, 0deg);}to{transform:rotate3d(0, 0, 1, -360deg);}}", "scale1-afa09d0c": "@keyframes scale1-afa09d0c {0%{transform:scale3d(1, 1, 1);}50%{transform:scale3d(2, 2, 1);}100%{transform:scale3d(1, 1, 1);}}", "scale2-afa09d0c": "@keyframes scale2-afa09d0c {0%{transform:scale3d(1, 1, 1);}50%{transform:scale3d(2, 2, 1);}100%{transform:scale3d(1, 1, 1);}}", "skew1-afa09d0c": "@keyframes skew1-afa09d0c {0%{transform:skew(0, 0);}50%{transform:skew(-60deg, 0);}100%{transform:skew(0, 0);}}", "skew2-afa09d0c": "@keyframes skew2-afa09d0c {0%{transform:skew(0, 0);}50%{transform:skew(60deg, 0);}100%{transform:skew(0, 0);}}", "rotate3-afa09d0c": "@keyframes rotate3-afa09d0c {from{transform:rotate3d(0, 0, 1, 0deg);transform-origin:center top;}to{transform:rotate3d(0, 0, 1, -360deg);transform-origin:center top;}}", "rotate4-afa09d0c": "@keyframes rotate4-afa09d0c {from{transform:rotate3d(0, 0, 1, 0deg);transform-origin:center center;}to{transform:rotate3d(0, 0, 1, -360deg);transform-origin:center center;}}" } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afa09d0c"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.ab97fadc.js.map
+
+/*jsvmd5:679c8693190bda0bf272cf4fd114038a*/