create-jsview 2.1.428 → 2.1.435

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

@@ -1,1201 +0,0 @@
-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*/