create-jsview 2.1.366-test.0 → 2.1.428

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

@@ -0,0 +1,1201 @@
+import { s as shallowRef, w as watch, E as onBeforeUnmount, o as openBlock, e as createElementBlock, k as createVNode, u as unref, I as withDirectives, J as vShow, f as createBaseVNode, g as normalizeStyle, l as withCtx, F as Fragment, t as onMounted, A as createBlock, q as createCommentVNode, m as renderList, i as inject, p as provide, j as renderSlot, b as resolveComponent, G as toDisplayString } from "./vue.889a9b8b.js";
+import { Q as getKeyFramesGroup, J as JsvPreload, D as JsvSpriteAnim, F as _sfc_main$q, a1 as _sfc_main$B, x as _JsvSpray$1, b as buildPreloadInfo$1 } from "./jsview-vue-entry.415721d8.js";
+import "./jsview-forge-define.bfab260e.js";
+import { b as buildPreloadInfo } from "./index.56197146.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import "./jsview-dom-entry.280f04b1.js";
+const Couplets = "" + new URL("../assets/Couplets.22a8bcb3.png", import.meta.url).href;
+const scrollPng = "" + new URL("../assets/scroll.c4efa5a1.png", import.meta.url).href;
+const _formatInfo = (action_json) => {
+  const info = {
+    frames: [],
+    meta: {
+      size: action_json.meta.size
+    }
+  };
+  let frames_ref = info.frames;
+  let max_width = 0;
+  let max_height = 0;
+  for (let i = 0; i < action_json.frames.length; i++) {
+    const target = action_json.frames[i].spriteSourceSize;
+    frames_ref.push({
+      target,
+      source: action_json.frames[i].frame
+    });
+    const sprite_with = target.x + target.w;
+    const sprite_height = target.y + target.h;
+    if (sprite_with > max_width) {
+      max_width = sprite_with;
+    }
+    if (sprite_height > max_height) {
+      max_height = sprite_height;
+    }
+  }
+  return { info, maxW: max_width, maxH: max_height };
+};
+const scroll = "" + new URL("../assets/scroll1.744c0b08.png", import.meta.url).href;
+const _sfc_main$5 = {
+  __name: "Couplets",
+  props: {
+    width: { type: Number, require: true },
+    height: { type: Number, require: true },
+    animTime: { type: Number, require: true },
+    left: { type: Number, default: 0 },
+    top: { type: Number, default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    let myShow = shallowRef(false);
+    const Couplets2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/Couplets.png";
+    const scrollPng2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/scroll.png";
+    const scrollJson = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/scroll.json";
+    const scroll2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/scroll1.png";
+    const preload_info = [
+      buildPreloadInfo(Couplets2),
+      buildPreloadInfo(scrollPng2),
+      buildPreloadInfo(scroll2)
+    ];
+    let adaptedHeight = 500;
+    let readyNum = shallowRef(0);
+    const loadDone = (a) => {
+      readyNum.value++;
+    };
+    let sprite_info = shallowRef(null);
+    const view_size = shallowRef(null);
+    const preloadCallback = (config_json, resolve_set) => {
+      sprite_info.value = _formatInfo(config_json);
+      view_size.value = {
+        w: sprite_info.value.maxW,
+        h: sprite_info.value.maxH
+      };
+      resolve_set();
+      readyNum.value++;
+    };
+    let aniName1 = shallowRef(null);
+    let aniName2 = shallowRef(null);
+    const idRandom = Math.floor(Math.random() * 1e6);
+    let name1 = "anim1-" + idRandom;
+    let name2 = "anim2-" + idRandom;
+    let styleShell = getKeyFramesGroup();
+    let anim1 = `@keyframes ${name1} {
+        from {
+          transform: translate3d(0,${-adaptedHeight}, 0);
+        }
+        to {
+          transform: translate3d(0, 0, 0);
+        }
+      }`;
+    styleShell.insertRule(anim1);
+    let anim2 = `@keyframes ${name2} {
+        from {
+          transform: translate3d(0,${adaptedHeight}, 0);
+        }
+        to {
+          transform: translate3d(0, 0, 0);
+        }
+      }`;
+    styleShell.insertRule(anim2);
+    let timer = { id: -1 };
+    let myRef = shallowRef(null);
+    watch(readyNum, (n, o) => {
+      if (o != 2 && n == 2) {
+        timer.id = setTimeout(() => {
+          myShow.value = true;
+          myRef.value.start();
+          aniName1.value = `${name1} ${props.animTime}s linear`;
+          aniName2.value = `${name2} ${props.animTime}s linear`;
+        }, 0);
+      }
+    });
+    onBeforeUnmount(() => {
+      styleShell.removeRule(name1);
+      styleShell.removeRule(name2);
+      clearTimeout(timer.id);
+      timer.id = -1;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(JsvPreload), {
+          preloadList: preload_info,
+          onPreloadDone: loadDone
+        }),
+        withDirectives(createBaseVNode("div", {
+          style: normalizeStyle({
+            width: 180,
+            height: unref(adaptedHeight),
+            top: props.top,
+            left: props.left,
+            transform: `scale3d(${props.width / 180},${props.width / 180},1)`,
+            transformOrigin: "left top"
+          })
+        }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              top: 0,
+              left: 0,
+              width: 180,
+              height: unref(adaptedHeight),
+              overflow: "hidden",
+              animation: unref(aniName1)
+            })
+          }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                top: 0,
+                left: 0,
+                width: 180,
+                height: unref(adaptedHeight),
+                backgroundImage: Couplets2,
+                animation: unref(aniName2)
+              })
+            }, null, 4)
+          ], 4),
+          createVNode(unref(_sfc_main$q), {
+            imageUrl: scrollPng2,
+            configUrl: scrollJson,
+            onConfigReady: preloadCallback,
+            noNeedResource: false
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: -30,
+                  top: unref(adaptedHeight),
+                  transform: `scale3d(${(180 + 60) / unref(view_size).w},1,1)`
+                })
+              }, [
+                createBaseVNode("div", {
+                  style: normalizeStyle({
+                    width: unref(view_size).w,
+                    height: unref(view_size).h,
+                    animation: unref(aniName1)
+                  })
+                }, [
+                  createVNode(unref(JsvSpriteAnim), {
+                    spriteInfo: unref(sprite_info).info,
+                    loop: 4,
+                    duration: props.animTime / 4,
+                    imageUrl: scrollPng2,
+                    ref_key: "myRef",
+                    ref: myRef
+                  }, null, 8, ["spriteInfo", "duration"])
+                ], 4)
+              ], 4)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              top: -30,
+              left: -30,
+              width: 180 + 60,
+              height: 30,
+              backgroundImage: scroll2
+            })
+          }, null, 4)
+        ], 4), [
+          [vShow, unref(myShow)]
+        ])
+      ], 64);
+    };
+  }
+};
+const _sfc_main$4 = {
+  __name: "Fireworks",
+  props: {
+    top: { type: Number, require: true },
+    left: { type: Number, require: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const group1_1 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/1/group1_1.png";
+    const group1_2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/1/group1_2.png";
+    const group2_1 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/2/group2_1.png";
+    const group2_2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/2/group2_2.png";
+    const group3_1 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/3/group3_1.png";
+    const group3_2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/3/group3_2.png";
+    const group4_1 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/4/group4_1.png";
+    const group4_2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/4/group4_2.png";
+    const group5_1 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/5/group5_1.png";
+    const group5_2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Fireworks/images/5/group5_2.png";
+    const ammo = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/star2.png";
+    const fireworksPng2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/fireworks.png";
+    const fireworksJson = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/fireworks.json";
+    let moveDistance = 260;
+    let sprite_info = shallowRef(null);
+    let view_size = shallowRef(null);
+    let isSpray = shallowRef(false);
+    let isSpray1 = shallowRef(false);
+    let isSpray2 = shallowRef(false);
+    let isSpray3 = shallowRef(false);
+    let isSpray4 = shallowRef(false);
+    const sprayArray = [isSpray1, isSpray2, isSpray3, isSpray4];
+    let isShow = shallowRef(true);
+    let actorRef = shallowRef(null);
+    let myShow = shallowRef(false);
+    let actorControl;
+    const spray = () => {
+      timer.id2 = setTimeout(() => {
+        let randomIndex = Math.floor(Math.random() * sprayArray.length);
+        sprayArray[randomIndex].value = true;
+        timer.id = setInterval(() => {
+          let remainingItems = sprayArray.filter((item) => !item.value);
+          if (remainingItems.length === 0) {
+            clearInterval(timer.id);
+            timer.id = -1;
+          } else {
+            randomIndex = Math.floor(Math.random() * remainingItems.length);
+            remainingItems[randomIndex].value = true;
+          }
+        }, 100);
+      }, 500);
+    };
+    const preload_info = [
+      buildPreloadInfo$1(group1_1),
+      buildPreloadInfo$1(group1_2),
+      buildPreloadInfo$1(group2_1),
+      buildPreloadInfo$1(group2_2),
+      buildPreloadInfo$1(group3_1),
+      buildPreloadInfo$1(group3_2),
+      buildPreloadInfo$1(group4_1),
+      buildPreloadInfo$1(group4_2),
+      buildPreloadInfo$1(group5_1),
+      buildPreloadInfo$1(group5_2),
+      buildPreloadInfo$1(fireworksPng2),
+      buildPreloadInfo$1(ammo)
+    ];
+    let readyNum = shallowRef(0);
+    const loadDone = (a) => {
+      readyNum.value++;
+    };
+    const preloadCallback = (config_json, resolve_set) => {
+      sprite_info.value = _formatInfo(config_json);
+      view_size.value = {
+        w: sprite_info.value.maxW,
+        h: sprite_info.value.maxH
+      };
+      resolve_set();
+      readyNum.value++;
+    };
+    let timer = { id: -1, id2: -1 };
+    let myRef = shallowRef(null);
+    const sprayOk = {
+      type: 0,
+      particleNum: 60,
+      deltaAngle: 180,
+      deltaWidth: 20,
+      deltaHeight: 40,
+      pointSizeMin: 30,
+      pointSizeMax: 50,
+      speedMin: 1,
+      speedMax: 7,
+      lifeMin: 500,
+      lifeMax: 800,
+      accelerateX: 0,
+      accelerateY: 0,
+      addNumSpeed: 1e-3,
+      enableFade: false,
+      enableShrink: true
+    };
+    const sprayOk1 = {
+      type: 0,
+      particleNum: 30,
+      deltaAngle: 180,
+      deltaWidth: 20,
+      deltaHeight: 40,
+      pointSizeMin: 30,
+      pointSizeMax: 50,
+      speedMin: 1,
+      speedMax: 7,
+      lifeMin: 1e3,
+      lifeMax: 2e3,
+      accelerateX: 0,
+      accelerateY: -40,
+      addNumSpeed: 1e-3,
+      enableFade: false,
+      enableShrink: false
+    };
+    const group1 = [group1_1, group1_2];
+    const group2 = [group2_1, group2_2];
+    const group3 = [group3_1, group3_2];
+    const group4 = [group4_1, group4_2];
+    const group5 = [group5_1, group5_2];
+    let ImgData1;
+    let ImgData2;
+    let ImgData3;
+    let ImgData4;
+    let ImgData5;
+    const allGroup = [group1, group2, group3, group4, group5];
+    const remainingGroups = [...allGroup];
+    for (let i = 1; i <= 5; i++) {
+      const randomIndex = Math.floor(Math.random() * remainingGroups.length);
+      const selectedGroup = remainingGroups[randomIndex];
+      switch (i) {
+        case 1:
+          ImgData1 = selectedGroup;
+          break;
+        case 2:
+          ImgData2 = selectedGroup;
+          break;
+        case 3:
+          ImgData3 = selectedGroup;
+          break;
+        case 4:
+          ImgData4 = selectedGroup;
+          break;
+        case 5:
+          ImgData5 = selectedGroup;
+          break;
+      }
+      remainingGroups.splice(randomIndex, 1);
+    }
+    watch(readyNum, (n, o) => {
+      if (o != 2 && n == 2) {
+        myShow.value = true;
+        timer.id2 = setTimeout(() => {
+          myRef.value.start();
+          actorControl.run([
+            actorControl.condition().onNextTick(2).then([
+              actorControl.action().setSpeed(void 0, -9),
+              actorControl.action(3).setAccel(void 0, 0.13)
+            ]),
+            actorControl.condition().reachPosition(void 0, -moveDistance).then([
+              actorControl.action().stopMoving(),
+              () => {
+                isSpray.value = true;
+                isShow.value = false;
+                spray();
+              }
+            ])
+          ]);
+        }, 0);
+      }
+    });
+    onMounted(() => {
+      actorControl = actorRef.value.control;
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(timer.id2);
+      timer.id2 = -1;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(JsvPreload), {
+          preloadList: preload_info,
+          onPreloadDone: loadDone
+        }),
+        createVNode(unref(_sfc_main$q), {
+          imageUrl: fireworksPng2,
+          configUrl: fireworksJson,
+          onConfigReady: preloadCallback,
+          noNeedResource: false
+        }, {
+          default: withCtx(() => [
+            withDirectives(createBaseVNode("div", {
+              style: normalizeStyle({
+                top: props.top,
+                left: props.left,
+                transform: `scale3d(${80 / unref(view_size).w},${160 / unref(view_size).h},1)`
+              })
+            }, [
+              createBaseVNode("div", { style: {
+                top: -170,
+                left: -45
+              } }, [
+                createVNode(unref(JsvSpriteAnim), {
+                  spriteInfo: unref(sprite_info).info,
+                  loop: 1,
+                  duration: 1,
+                  imageUrl: fireworksPng2,
+                  ref_key: "myRef",
+                  ref: myRef
+                }, null, 8, ["spriteInfo"])
+              ])
+            ], 4), [
+              [vShow, unref(myShow)]
+            ])
+          ]),
+          _: 1
+        }),
+        unref(isShow) ? (openBlock(), createBlock(unref(_sfc_main$B), {
+          key: 0,
+          top: props.top + 40,
+          left: props.left + 15,
+          ref_key: "actorRef",
+          ref: actorRef,
+          width: 8,
+          height: 8
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 8,
+                height: 8,
+                backgroundImage: ammo
+              })
+            }, null, 4)
+          ]),
+          _: 1
+        }, 8, ["top", "left"])) : createCommentVNode("", true),
+        unref(isSpray) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          style: normalizeStyle({
+            top: props.top - unref(moveDistance) + 20,
+            left: props.left,
+            width: 50,
+            height: 50
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ImgData1), (item) => {
+            return openBlock(), createBlock(unref(_JsvSpray$1), {
+              pointRes: `url(${item})`,
+              sprayStyle: sprayOk,
+              ignoreClip: true
+            }, null, 8, ["pointRes"]);
+          }), 256))
+        ], 4)) : createCommentVNode("", true),
+        unref(isSpray1) ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          style: normalizeStyle({
+            top: props.top - unref(moveDistance) + 80,
+            left: props.left - 100,
+            width: 50,
+            height: 50
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ImgData2), (item) => {
+            return openBlock(), createBlock(unref(_JsvSpray$1), {
+              pointRes: `url(${item})`,
+              sprayStyle: sprayOk1,
+              ignoreClip: true
+            }, null, 8, ["pointRes"]);
+          }), 256))
+        ], 4)) : createCommentVNode("", true),
+        unref(isSpray2) ? (openBlock(), createElementBlock("div", {
+          key: 3,
+          style: normalizeStyle({
+            top: props.top - unref(moveDistance) + 80,
+            left: props.left + 100,
+            width: 50,
+            height: 50
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ImgData3), (item) => {
+            return openBlock(), createBlock(unref(_JsvSpray$1), {
+              pointRes: `url(${item})`,
+              sprayStyle: sprayOk1,
+              ignoreClip: true
+            }, null, 8, ["pointRes"]);
+          }), 256))
+        ], 4)) : createCommentVNode("", true),
+        unref(isSpray3) ? (openBlock(), createElementBlock("div", {
+          key: 4,
+          style: normalizeStyle({
+            top: props.top - unref(moveDistance) - 80,
+            left: props.left - 100,
+            width: 50,
+            height: 50
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ImgData4), (item) => {
+            return openBlock(), createBlock(unref(_JsvSpray$1), {
+              pointRes: `url(${item})`,
+              sprayStyle: sprayOk1,
+              ignoreClip: true
+            }, null, 8, ["pointRes"]);
+          }), 256))
+        ], 4)) : createCommentVNode("", true),
+        unref(isSpray4) ? (openBlock(), createElementBlock("div", {
+          key: 5,
+          style: normalizeStyle({
+            top: props.top - unref(moveDistance) - 80,
+            left: props.left + 100,
+            width: 50,
+            height: 50
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ImgData5), (item) => {
+            return openBlock(), createBlock(unref(_JsvSpray$1), {
+              pointRes: `url(${item})`,
+              sprayStyle: sprayOk1,
+              ignoreClip: true
+            }, null, 8, ["pointRes"]);
+          }), 256))
+        ], 4)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const _sfc_main$3 = {
+  __name: "Maroon",
+  props: {
+    top: Number,
+    left: Number,
+    deg: Number,
+    controller: Object,
+    myRef: Object
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    let maroonResource = inject("maroonResource");
+    let view_size = maroonResource.firecrackerSet.viewSize;
+    let actorRef = shallowRef(null);
+    let actorControl;
+    let isShow = shallowRef(true);
+    let isSpray = shallowRef(false);
+    let deg = shallowRef(props.deg);
+    const fire = () => {
+      props.myRef.value.start();
+      actorControl.run([
+        actorControl.action().setSpdAndAccel(void 0, 0, void 0, 0.15, null, null),
+        actorControl.condition().reachPosition(void 0, 280).then([actorControl.action().stopMoving()])
+      ]);
+    };
+    const ImgData = [
+      maroonResource.star1,
+      maroonResource.star2,
+      maroonResource.star3
+    ];
+    const sprayOk = {
+      type: 0,
+      particleNum: 100,
+      deltaAngle: 360,
+      deltaWidth: 20,
+      deltaHeight: 20,
+      pointSizeMin: 20,
+      pointSizeMax: 30,
+      speedMin: 1,
+      speedMax: 7,
+      lifeMin: 1e3,
+      lifeMax: 2e3,
+      accelerateX: 0,
+      accelerateY: 0,
+      addNumSpeed: 1e-3,
+      enableFade: true,
+      enableShrink: true
+    };
+    const onAnimEnd = () => {
+      isShow.value = false;
+      isSpray.value = true;
+    };
+    onMounted(() => {
+      actorControl = actorRef.value.control;
+    });
+    expose({ fire });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$B), {
+        top: props.top,
+        left: props.left,
+        width: 30,
+        height: 60,
+        ref_key: "actorRef",
+        ref: actorRef
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: {
+            width: 30,
+            height: 60
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 30,
+                height: 40,
+                transform: `rotate3d(0,0,1,${unref(deg)}deg) scale3d(${40 / unref(view_size).w},${40 / unref(view_size).w},1)`,
+                transformOrigin: "center center"
+              })
+            }, [
+              createVNode(unref(JsvSpriteAnim), {
+                spriteInfo: unref(maroonResource).firecrackerSet.info.value,
+                loop: 1,
+                duration: 0.8,
+                imageUrl: unref(maroonResource).firecrackerPng,
+                onAnimEnd,
+                ref: props.myRef
+              }, null, 8, ["spriteInfo", "duration", "imageUrl"]),
+              unref(isSpray) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                style: normalizeStyle({
+                  top: unref(view_size).h / 2,
+                  left: unref(view_size).w / 2,
+                  width: unref(view_size).w,
+                  height: unref(view_size).h
+                })
+              }, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(ImgData, (item) => {
+                  return createVNode(unref(_JsvSpray$1), {
+                    pointRes: `url(${item})`,
+                    sprayStyle: sprayOk,
+                    ignoreClip: true
+                  }, null, 8, ["pointRes"]);
+                }), 64))
+              ], 4)) : createCommentVNode("", true)
+            ], 4)
+          ])
+        ]),
+        _: 1
+      }, 8, ["top", "left"]);
+    };
+  }
+};
+const _sfc_main$2 = {
+  __name: "MaroonLoader",
+  props: {
+    top: Number,
+    left: Number,
+    deg: Number,
+    controller: Object,
+    myRef: Object
+  },
+  setup(__props) {
+    const maroonResource = {
+      star1: "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/redStar.png",
+      star2: "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/yellowStar.png",
+      star3: "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/purpleStar.png",
+      firecrackerPng: "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/firecracker.png",
+      firecrackerJson: "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/firecracker.json",
+      firecrackerSet: {
+        info: shallowRef(null),
+        viewSize: shallowRef(null)
+      }
+    };
+    const preload_info = [
+      buildPreloadInfo$1(maroonResource.start1),
+      buildPreloadInfo$1(maroonResource.start2),
+      buildPreloadInfo$1(maroonResource.start3),
+      buildPreloadInfo$1(maroonResource.firecrackerPng)
+    ];
+    let sonFlag = inject("sonFlag");
+    provide("maroonResource", maroonResource);
+    let readyNum = shallowRef(0);
+    const loadDone = (a) => {
+      readyNum.value++;
+    };
+    const preloadCallback = (config_json, resolve_set) => {
+      let sprite_info = _formatInfo(config_json);
+      maroonResource.firecrackerSet.info.value = sprite_info.info;
+      maroonResource.firecrackerSet.viewSize.value = {
+        w: sprite_info.maxW,
+        h: sprite_info.maxH
+      };
+      resolve_set();
+      readyNum.value++;
+    };
+    watch(readyNum, (n, o) => {
+      if (o != 2 && n == 2) {
+        sonFlag.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(JsvPreload), {
+          preloadList: preload_info,
+          onPreloadDone: loadDone
+        }),
+        createVNode(unref(_sfc_main$q), {
+          imageUrl: maroonResource.firecrackerPng,
+          configUrl: maroonResource.firecrackerJson,
+          onConfigReady: preloadCallback,
+          noNeedResource: false
+        }, {
+          default: withCtx(() => [
+            unref(sonFlag) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["imageUrl", "configUrl"])
+      ], 64);
+    };
+  }
+};
+const Banger_vue_vue_type_style_index_0_scoped_66b92620_lang = "";
+const _sfc_main$1 = {
+  __name: "Banger",
+  props: {
+    top: { type: Number, default: 0 },
+    left: { type: Number, default: 0 },
+    num: { type: Number, default: 12 },
+    width: { type: Number, require: true },
+    leadWireTime: { type: Number, require: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const leadWire2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/leadWire.png";
+    const sparkPng2 = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/spark.png";
+    const sparkJson = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/Sprite/spark.json";
+    const preload_info = [buildPreloadInfo$1(leadWire2), buildPreloadInfo$1(sparkPng2)];
+    let controllerAnim = shallowRef(null);
+    let readyNum = shallowRef(0);
+    const loadDone = (a) => {
+      readyNum.value++;
+      myShow.value = true;
+    };
+    let myShow = shallowRef(false);
+    const widgetWidth = 80;
+    let sprite_info = shallowRef(null);
+    let view_size = shallowRef(null);
+    let leadWireHeight = (props.num - 1) * 16 + 20;
+    const idRandom = Math.floor(Math.random() * 1e6);
+    let styleShell = getKeyFramesGroup();
+    let name1 = "animLw1-" + idRandom;
+    let name2 = "animLw2-" + idRandom;
+    let animLw1 = `@keyframes ${name1} {
+        from {
+          transform: translate3d(0,${leadWireHeight}, 0);
+        }
+        to {
+          transform: translate3d(0, 0, 0);
+        }
+      }`;
+    styleShell.insertRule(animLw1);
+    let animLw2 = `@keyframes ${name2} {
+        from {
+          transform: translate3d(0,${-leadWireHeight}, 0);
+        }
+        to {
+          transform: translate3d(0, 0, 0);
+        }
+      }`;
+    styleShell.insertRule(animLw2);
+    const preloadCallback = (config_json, resolve_set) => {
+      sprite_info.value = _formatInfo(config_json);
+      view_size.value = {
+        w: sprite_info.value.maxW,
+        h: sprite_info.value.maxH
+      };
+      resolve_set();
+      readyNum.value++;
+    };
+    let sonFlag = shallowRef(false);
+    provide("sonFlag", sonFlag);
+    let aniName1 = shallowRef(null);
+    let aniName2 = shallowRef(null);
+    let isSpark = shallowRef(true);
+    const closeSpark = () => {
+      isSpark.value = false;
+    };
+    const spriteArray = new Array(props.num);
+    let RefArray = shallowRef([]);
+    for (let i = 0; i < spriteArray.length; i++) {
+      spriteArray[i] = shallowRef(null);
+    }
+    const callFireMethod = (index) => {
+      if (index >= spriteArray.length) {
+        return;
+      }
+      const currentMaroonRef = RefArray.value[index];
+      if (currentMaroonRef) {
+        currentMaroonRef.fire();
+      }
+      timer.id2 = setTimeout(() => {
+        callFireMethod(index + 1);
+      }, props.leadWireTime * 1e3 / (props.num - 1));
+    };
+    let timer = { id: -1, id2: -1 };
+    watch(readyNum, (n, o) => {
+      if (o != 3 && n == 3) {
+        timer.id = setTimeout(() => {
+          controllerAnim.value.start();
+          callFireMethod(0);
+          aniName1.value = `${name1} ${props.leadWireTime}s linear`;
+          aniName2.value = `${name2} ${props.leadWireTime}s linear`;
+        }, 0);
+      }
+    });
+    watch(sonFlag, (n) => {
+      if (n == true) {
+        readyNum.value++;
+      }
+    });
+    onBeforeUnmount(() => {
+      styleShell.removeRule(name1);
+      styleShell.removeRule(name2);
+      clearTimeout(timer.id);
+      clearTimeout(timer.id2);
+      timer.id = -1;
+      timer.id2 = -1;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(JsvPreload), {
+          preloadList: preload_info,
+          onPreloadDone: loadDone
+        }),
+        withDirectives(createBaseVNode("div", {
+          style: normalizeStyle({
+            left: props.left - widgetWidth / 2,
+            top: props.top,
+            width: widgetWidth,
+            height: unref(leadWireHeight),
+            transform: `scale3d(${props.width / widgetWidth},${props.width / widgetWidth},1)`,
+            transformOrigin: "center top"
+          })
+        }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              top: -unref(leadWireHeight),
+              left: 0,
+              width: 80,
+              height: unref(leadWireHeight),
+              overflow: "hidden",
+              animation: unref(aniName1)
+            })
+          }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                top: unref(leadWireHeight),
+                left: 0,
+                width: 80,
+                height: unref(leadWireHeight),
+                backgroundImage: leadWire2,
+                animation: unref(aniName2)
+              })
+            }, null, 4)
+          ], 4),
+          unref(isSpark) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle({
+              top: -10,
+              left: 31,
+              animation: unref(aniName1)
+            }),
+            onAnimationend: closeSpark
+          }, [
+            createVNode(unref(_sfc_main$q), {
+              imageUrl: sparkPng2,
+              configUrl: sparkJson,
+              onConfigReady: preloadCallback,
+              noNeedResource: false
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("div", {
+                  style: normalizeStyle({
+                    transform: `scale3d(${20 / unref(view_size).w},${20 / unref(view_size).h},1)`
+                  })
+                }, [
+                  createVNode(unref(JsvSpriteAnim), {
+                    spriteInfo: unref(sprite_info).info,
+                    loop: "infinite",
+                    duration: 0.1,
+                    imageUrl: sparkPng2,
+                    ref_key: "controllerAnim",
+                    ref: controllerAnim,
+                    autoStart: "true"
+                  }, null, 8, ["spriteInfo", "duration"])
+                ], 4)
+              ]),
+              _: 1
+            })
+          ], 36)) : createCommentVNode("", true),
+          createVNode(_sfc_main$2, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(spriteArray), (item, index) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  top: unref(leadWireHeight) - 40 - index * 16,
+                  left: 10,
+                  deg: index % 2 == 0 ? 30 : -30,
+                  ref_for: true,
+                  ref: (el) => unref(RefArray)[index] = el,
+                  myRef: unref(spriteArray)[index]
+                }, null, 8, ["top", "deg", "myRef"]);
+              }), 256))
+            ]),
+            _: 1
+          })
+        ], 4), [
+          [vShow, unref(myShow)]
+        ])
+      ], 64);
+    };
+  }
+};
+const styleSheetsContent$1 = { "66b92620": { ".text": '{"fontSize":24,"color":"#ffffff","fontWeight":"bold","textAlign":"center","lineHeight":32}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
+const Banger = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-66b92620"]]);
+const star1 = "" + new URL("../assets/star1.dd634833.png", import.meta.url).href;
+const star2 = "" + new URL("../assets/star2.df352429.png", import.meta.url).href;
+const star3 = "" + new URL("../assets/star3.5a62b76f.png", import.meta.url).href;
+const star4 = "" + new URL("../assets/star4.2283606c.png", import.meta.url).href;
+const fireworksPng = "" + new URL("../assets/fireworks.1c112f43.png", import.meta.url).href;
+const redStar = "" + new URL("../assets/redStar.9c31bb42.png", import.meta.url).href;
+const yellowStar = "" + new URL("../assets/yellowStar.d80f0718.png", import.meta.url).href;
+const purpleStar = "" + new URL("../assets/purpleStar.b1920ac5.png", import.meta.url).href;
+const firecrackerPng = "" + new URL("../assets/firecracker.bf5b0aa9.png", import.meta.url).href;
+const leadWire = "" + new URL("../assets/leadWire.0c2130df.png", import.meta.url).href;
+const sparkPng = "" + new URL("../assets/spark.50b3f017.png", import.meta.url).href;
+const App_vue_vue_type_style_index_0_scoped_c4d231bd_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const ammo = "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SpringFestivalTest_2024/images/star2.png";
+    let myIndex = shallowRef(1);
+    const onKeyDown = (ev) => {
+      switch (ev.keyCode) {
+        case 37:
+          myIndex.value--;
+          if (myIndex.value <= 1) {
+            myIndex.value = 1;
+          }
+          break;
+        case 39:
+          myIndex.value++;
+          if (myIndex.value >= 3) {
+            myIndex.value = 3;
+          }
+          break;
+      }
+    };
+    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: "bgStyle" }, [
+            unref(myIndex) == 1 ? (openBlock(), createElementBlock("div", { key: 0 }, [
+              createVNode(_sfc_main$5, {
+                top: 130,
+                left: 200,
+                width: 150,
+                animTime: 1.5
+              }, null, 8, ["animTime"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 100,
+                  left: 800,
+                  width: 210,
+                  height: 30,
+                  backgroundImage: unref(scroll)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 260,
+                  left: 800,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(scrollPng)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 500,
+                  left: 880,
+                  width: 50,
+                  height: 200,
+                  backgroundImage: unref(Couplets)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 200, width: 150, height: 100 }
+              }, toDisplayString("春联效果")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 800, width: 210, height: 100 }
+              }, toDisplayString("上卷轴图片素材")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 200, left: 800, width: 210, height: 100 }
+              }, toDisplayString("下卷轴精灵图素材")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 440, left: 800, width: 210, height: 100 }
+              }, toDisplayString("主体图片素材"))
+            ])) : unref(myIndex) == 2 ? (openBlock(), createElementBlock("div", { key: 1 }, [
+              createVNode(Banger, {
+                top: 100,
+                left: 200,
+                num: 16,
+                leadWireTime: 4,
+                width: 100
+              }),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 130, width: 150, height: 100 }
+              }, toDisplayString("炮仗效果")),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 100,
+                  left: 600,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(sparkPng)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 300,
+                  left: 600,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(firecrackerPng)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 520,
+                  left: 650,
+                  width: 100,
+                  height: 150,
+                  backgroundImage: unref(leadWire)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 100,
+                  left: 900,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(redStar)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 300,
+                  left: 900,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(yellowStar)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 520,
+                  left: 900,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(purpleStar)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 600, width: 210, height: 100 }
+              }, toDisplayString("火花精灵图素材")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 240, left: 600, width: 210, height: 100 }
+              }, toDisplayString("鞭炮精灵图素材")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 460, left: 600, width: 210, height: 100 }
+              }, toDisplayString("引线图片素材")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火花图片素材1")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 240, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火花图片素材2")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 460, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火花图片素材3"))
+            ])) : (openBlock(), createElementBlock("div", { key: 2 }, [
+              createVNode(_sfc_main$4, {
+                top: 600,
+                left: 200
+              }),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 130, width: 150, height: 100 }
+              }, toDisplayString("烟花效果")),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 100,
+                  left: 600,
+                  width: 210,
+                  height: 120,
+                  backgroundImage: unref(fireworksPng)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 100,
+                  left: 980,
+                  width: 50,
+                  height: 50,
+                  backgroundImage: unref(star1)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 260,
+                  left: 980,
+                  width: 50,
+                  height: 50,
+                  backgroundImage: unref(star2)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 420,
+                  left: 980,
+                  width: 50,
+                  height: 50,
+                  backgroundImage: unref(star3)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 580,
+                  left: 980,
+                  width: 50,
+                  height: 50,
+                  backgroundImage: unref(star4)
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  top: 360,
+                  left: 680,
+                  width: 50,
+                  height: 50,
+                  backgroundImage: ammo
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 600, width: 210, height: 100 }
+              }, toDisplayString("烟花精灵图素材")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 40, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火星图片素材1")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 200, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火星图片素材2")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 360, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火星图片素材3")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 520, left: 900, width: 210, height: 100 }
+              }, toDisplayString("火星图片素材4")),
+              createBaseVNode("div", {
+                class: "text",
+                style: { top: 300, left: 600, width: 210, height: 100 }
+              }, toDisplayString("弹药图片素材"))
+            ])),
+            createBaseVNode("div", {
+              class: "text",
+              style: { top: 680, left: 980, width: 300, height: 60 }
+            }, toDisplayString(`当前 ${unref(myIndex)}/3 页`), 1)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "c4d231bd": { ".bgStyle": '{"width":1280,"height":720,"backgroundColor":"#007788"}', ".text": '{"fontSize":24,"color":"#ffffff","fontWeight":"bold","textAlign":"center","lineHeight":32}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4d231bd"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.d434d1bc.js.map
+
+/*jsvmd5:3d5e24f8d77dc7b443a29667436babb1*/