import { defineComponent as Y, computed as A, ref as c, watch as z, onMounted as de, nextTick as h, onUnmounted as ve, resolveComponent as M, createElementBlock as l, openBlock as s, createCommentVNode as u, createElementVNode as r, Fragment as D, withDirectives as B, vShow as N, normalizeStyle as x, createVNode as G, withCtx as U, renderList as we, toDisplayString as fe, createStaticVNode as Se } from "vue";
import Ve from "./resources/zv-vr-select.svg.mjs";
import C from "./resources/zv-return.svg.mjs";
import ye from "./resources/zv-add.svg.mjs";
import ge from "./resources/zv-reduce.svg.mjs";
import be from "./resources/zv-play.svg.mjs";
import He from "./resources/zv-pause.svg.mjs";
import Je from "./resources/zv-refresh.svg.mjs";
import L from "hls.js";
import { isArray as ke, debounce as he, cloneDeep as W } from "lodash";
import { useRoute as Ee } from "vue-router";
/* empty css                                     */
/* empty css                                     */
import "../../../Interaction/components/Tabs/index.mjs";
import "../../../Interaction/components/Tabs-icon/index.mjs";
import "../../../Interaction/components/Button/index.mjs";
import "../../../Interaction/components/DatePicker/index.mjs";
import "../../../Interaction/components/DatePickerRange/index.mjs";
import "../../../Interaction/components/Switch/index.mjs";
import "../../../Interaction/components/Input/index.mjs";
import "../../../Interaction/components/Select/index.mjs";
import "../../../Interaction/components/Slider/index.mjs";
import "../../../Text/components/List/index.mjs";
import "../../../Text/components/Text/index.mjs";
import "../../../Text/components/TextDynamic/index.mjs";
import "../../../Text/components/TableBasic/index.mjs";
import "../../../Text/components/TableScroll/index.mjs";
import "../../../Text/components/RowScroll/index.mjs";
import "../../../Text/components/RealTime/index.mjs";
import "../../../Text/components/OverNumber/index.mjs";
import "../../../Text/components/CountDown/index.mjs";
import "../../../Text/components/TextCarousel/index.mjs";
import "../../../Media/components/Audio/index.mjs";
import "../../../Media/components/Video/index.mjs";
import "../../../Media/components/VideoDynamic/index.mjs";
import "../../../Media/components/Carousel/index.mjs";
import "../../../Media/components/Flv/index.mjs";
import "../../../Media/components/Iframe/index.mjs";
import "../../../Media/components/IframeCarousel/index.mjs";
import "../../../Media/components/Image/index.mjs";
import "../../../Media/components/ImageDynamic/index.mjs";
import "../../../Media/components/M3u8/index.mjs";
import "../../../Media/components/Wavesurfer/index.mjs";
import "../../../Media/components/Weather/index.mjs";
import "../../../Media/components/Qrcode/index.mjs";
import "../../../Chart/components/bar/basic/index.mjs";
import "../../../Chart/components/bar/animation/index.mjs";
import "../../../Chart/components/bar/contrast/index.mjs";
import "../../../Chart/components/bar/contrast2/index.mjs";
import "../../../Chart/components/bar/contrast3/index.mjs";
import "../../../Chart/components/bar/gradient-column-chart/index.mjs";
import "../../../Chart/components/bar/horizontal/index.mjs";
import "../../../Chart/components/bar/horizontal-stack/index.mjs";
import "../../../Chart/components/bar/line-bar/index.mjs";
import "../../../Chart/components/bar/line-bar2/index.mjs";
import "../../../Chart/components/bar/loop/index.mjs";
import "../../../Chart/components/bar/mini/index.mjs";
import "../../../Chart/components/bar/polar/index.mjs";
import "../../../Chart/components/bar/polar-stack/index.mjs";
import "../../../Chart/components/bar/polar2/index.mjs";
import "../../../Chart/components/bar/radius-circle/index.mjs";
import "../../../Chart/components/bar/rank/index.mjs";
import "../../../Chart/components/bar/segmented-progress/index.mjs";
import "../../../Chart/components/bar/spire/index.mjs";
import "../../../Chart/components/bar/stack/index.mjs";
import "../../../Chart/components/bar/stack-line/index.mjs";
import "../../../Chart/components/bar/stack2/index.mjs";
import "../../../Chart/components/bar/stack3/index.mjs";
import "../../../Chart/components/bar/staggered/index.mjs";
import "../../../Chart/components/bar/three/index.mjs";
import "../../../Chart/components/bar/waterfall/index.mjs";
import "../../../Chart/components/bar/zebra/index.mjs";
import "../../../Chart/components/line/area-gradient/index.mjs";
import "../../../Chart/components/line/area-highlight/index.mjs";
import "../../../Chart/components/line/area-highlight2/index.mjs";
import "../../../Chart/components/line/basic/index.mjs";
import "../../../Chart/components/line/bump/index.mjs";
import "../../../Chart/components/line/dashed/index.mjs";
import "../../../Chart/components/line/ladder/index.mjs";
import "../../../Chart/components/line/logarithm/index.mjs";
import "../../../Chart/components/line/multix/index.mjs";
import "../../../Chart/components/line/polar-double/index.mjs";
import "../../../Chart/components/line/rain-flow/index.mjs";
import "../../../Chart/components/line/scale/index.mjs";
import "../../../Chart/components/line/smooth/index.mjs";
import "../../../Chart/components/line/smooth-area/index.mjs";
import "../../../Chart/components/line/stack/index.mjs";
import "../../../Chart/components/line/stack-area/index.mjs";
import "../../../Chart/components/line/temp/index.mjs";
import "../../../Chart/components/line/vertical/index.mjs";
import "../../../Chart/components/map/basic/index.mjs";
import "../../../Chart/components/map/bmap-basic/index.mjs";
import "../../../Chart/components/map/bmap-heatmap/index.mjs";
import "../../../Chart/components/map/bmap-rich/index.mjs";
import "../../../Chart/components/map/customize/index.mjs";
import "../../../Chart/components/map/lines/index.mjs";
import "../../../Chart/components/map/scatter/index.mjs";
import "../../../Chart/components/pie/3d/index.mjs";
import "../../../Chart/components/pie/basic/index.mjs";
import "../../../Chart/components/pie/basic2/index.mjs";
import "../../../Chart/components/pie/customized/index.mjs";
import "../../../Chart/components/pie/index/index.mjs";
import "../../../Chart/components/pie/interval/index.mjs";
import "../../../Chart/components/pie/legend-scroll/index.mjs";
import "../../../Chart/components/pie/radius/index.mjs";
import "../../../Chart/components/pie/rose/index.mjs";
import "../../../Chart/components/pie/round/index.mjs";
import "../../../Chart/components/pie/sunburst/index.mjs";
import "../../../Chart/components/scatter/basic/index.mjs";
import "../../../Chart/components/scatter/basic2/index.mjs";
import "../../../Chart/components/scatter/bubble/index.mjs";
import "../../../Chart/components/scatter/ripples/index.mjs";
import "../../../Chart/components/other/candlestick-basic/index.mjs";
import "../../../Chart/components/other/sunburst-basic/index.mjs";
import "../../../Chart/components/other/sunburst-basic2/index.mjs";
import "../../../Chart/components/other/sunburst-basic3/index.mjs";
import "../../../Chart/components/other/sunburst-basic4/index.mjs";
import "../../../Chart/components/other/sunburst-book/index.mjs";
import "../../../Chart/components/other/sunburst-flavors/index.mjs";
import "../../../Chart/components/other/sunburst-radius/index.mjs";
import "../../../Chart/components/other/funnel/index.mjs";
import "../../../Chart/components/other/funnel-contrast/index.mjs";
import "../../../Chart/components/other/funnel-split/index.mjs";
import "../../../Chart/components/other/funnel2/index.mjs";
import "../../../Chart/components/other/force/index.mjs";
import "../../../Chart/components/other/force2/index.mjs";
import "../../../Chart/components/other/gauge/index.mjs";
import "../../../Chart/components/other/gauge-grade/index.mjs";
import "../../../Chart/components/other/gauge-stage/index.mjs";
import "../../../Chart/components/other/graph-basic/index.mjs";
import "../../../Chart/components/other/graph-basic2/index.mjs";
import "../../../Chart/components/other/graph-calendar/index.mjs";
import "../../../Chart/components/other/circular-graph/index.mjs";
import "../../../Chart/components/other/heatmap/index.mjs";
import "../../../Chart/components/other/liquidfill/index.mjs";
import "../../../Chart/components/other/parallel-basic/index.mjs";
import "../../../Chart/components/other/parallel-mul/index.mjs";
import "../../../Chart/components/other/radar-stack/index.mjs";
import "../../../Chart/components/other/tree/index.mjs";
import "../../../Chart/components/other/tree-line/index.mjs";
import "../../../Chart/components/other/word-cloud/index.mjs";
import "../../../Chart/components/other/treemap/index.mjs";
import "../../../Chart/components/other/treemap-basic/index.mjs";
import "../../../Chart/components/other/label-gauge/index.mjs";
import "../../../Chart/components/other/grid-percentage/index.mjs";
import "../../../Chart/components/other/radar/index.mjs";
import "../../../Commons/components/CustomComponentRender/index.mjs";
import "../../../Commons/components/Graphical/index.mjs";
import "../../../Commons/components/Svg/index.mjs";
import "../../../Commons/components/ModelViewer/index.mjs";
import "../../../Commons/components/VrVideo/index.mjs";
import "../../../Commons/components/VrPhoto/index.mjs";
import "../../../Commons/components/Babylon/index.mjs";
import "../../../Commons/components/Echarts/index.mjs";
import "../../../Commons/components/GSViewer/index.mjs";
import "../Amap2d/index.mjs";
import "../Amap3d/index.mjs";
import "../Default/index.mjs";
import "../Map2d/index.mjs";
import "../Map3d/index.mjs";
import "../UeIframe/index.mjs";
import "../UeShj/index.mjs";
import "../UnityIframe/index.mjs";
import "../UnityWebgl/index.mjs";
import "./index.mjs";
import "../Earth/index.mjs";
import { SHJParseEvent as E } from "../../../../commons/plugins/event/index.mjs";
import "../../../../commons/plugins/datasource/utils/request.mjs";
import "mqtt";
import "nanoid";
import { upgradeVr as Te } from "./version.mjs";
const Re = {
  key: 0,
  class: "loading-placeholder"
}, Ce = {
  id: "panorama",
  class: "vr-scene"
}, _e = {
  id: "panorama-video-wrap",
  class: "vr-scene-main"
}, Ie = {
  key: 2,
  class: "vr-scene-controls"
}, Oe = { class: "scene-list" }, Ae = ["onClick"], xe = ["src"], Le = { class: "label" }, Pe = ["autoplay", "loop", "volume"], je = ["src"], ze = {
  key: 4,
  class: "mouse-tip"
}, Me = Y({ name: "ShjVr" }), qi = /* @__PURE__ */ Y({
  ...Me,
  props: {
    option: {},
    sources: {},
    useEvents: {}
  },
  emits: [
    "on-scene-loaded",
    "on-scene-scenechange",
    "on-scene-zooming",
    "on-scene-hotClick"
  ],
  setup(S, { expose: $, emit: F }) {
    const Z = Ee(), o = A(() => Te(S.option)), g = F, m = c(), d = c({ src: "", autoplay: !0, loop: !0, volume: 50 }), v = c(null), _ = c(), p = c(!1), f = c(!1);
    let b = null;
    const K = c(o.value.default.firstScene), V = c(K.value), i = A(() => {
      try {
        return o.value.scenes[V.value];
      } catch {
        return null;
      }
    }), P = {
      bylineLabel: "来自 %s",
      noPanoramaError: "未指定全景图像。",
      fileAccessError: "The file %s could not be accessed.",
      malformedURLError: "全景URL无法访问。",
      iOS8WebGLError: "Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).",
      genericWebGLError: "您的浏览器没有显示此全景图所需的WebGL支持。",
      textureSizeError: "This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)",
      unknownError: "未知错误。检查开发人员控制台。"
    }, q = () => {
      window.SHJSceneVrViewer = window.pannellum.viewer("panorama", {
        ...o.value,
        default: Object.assign(W(o.value.default), {
          firstScene: V.value
        }),
        strings: P
      });
    }, Q = () => {
      const t = () => {
        const a = document.getElementById("panorama-video-wrap");
        a.innerHTML = `
            <video
                id="panorama-video"
                autoplay
                class="video-js vjs-default-skin vr-scene vjs-big-play-centered"
                preload="none"
                style="width:100%;height:100%;"
                crossorigin="anonymous"
            >
            </video>
        `;
      };
      v.value && (v.value.dispose(), v.value = null, t()), v.value || t();
      const e = document.getElementById(
        "panorama-video"
      ), n = o.value;
      if (v.value = window.videojs(e, {
        loop: !0,
        autoplay: !0,
        plugins: {
          pannellum: {
            ...n,
            default: Object.assign(W(n.default), {
              firstScene: V.value
            }),
            strings: P
          }
        }
      }), window.SHJSceneVrViewer = v.value.pnlmViewer, i.value.sceneType === "video" && (e.src = i.value.panorama), i.value.sceneType === "hls")
        if (L.isSupported()) {
          const a = new L();
          a.loadSource(i.value.panorama), a.attachMedia(e), a.on(L.Events.MANIFEST_PARSED, () => {
            e.play();
          });
        } else e.canPlayType("application/vnd.apple.mpegurl") && (e.src = i.value.panorama);
    }, H = Z.path.includes("designer-vr"), y = () => {
      if (!(!p.value || f.value) && window.pannellum && o.value) {
        window.SHJSceneVrViewer && (window.SHJSceneVrViewer.destroy(), window.SHJSceneVrViewer = null), i.value.sceneType === "image" ? q() : Q();
        try {
          o.value.scenes[window.SHJSceneVrViewer.getScene()] && (d.value = o.value.default.audio, m.value && d.value && (window.SHJSceneVrViewer.audio = m, m.value.src = d.value.src, setTimeout(() => {
            m.value && (k.value = m.value.paused);
          }, 500)));
        } catch {
        }
        window.SHJSceneVrViewer.on("load", () => {
          g("on-scene-loaded", i.value), E.parseEvents(
            S.useEvents,
            "on-scene-loaded",
            i.value
          );
        }), H || o.value.default.autoRotate === 0 ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
        try {
          window.SHJSceneVrViewer && async function() {
            for (const t in o.value.scenes)
              Object.prototype.hasOwnProperty.call(o.value.scenes, t) && o.value.scenes[t].hotSpots.forEach(async (n) => {
                await setTimeout(() => {
                  n.draggable = H, window.SHJSceneVrViewer.removeHotSpot(n.id, t), window.SHJSceneVrViewer.addHotSpot(n, t);
                }, 100);
              });
          }();
        } catch {
        }
        window.SHJSceneVrViewer.on("scenechange", (t) => {
          const e = document.getElementsByTagName("video");
          if (ke(e) && e.length > 0 && e.forEach((n) => {
            n && n.pause();
          }), i.value) {
            const n = i.value.sceneType;
            V.value = t;
            const a = i.value.sceneType;
            setTimeout(() => {
              (a !== "image" || n !== "image" && a === "image") && y(), T.value = V.value, g("on-scene-scenechange", i.value), E.parseEvents(
                S.useEvents,
                "on-scene-scenechange",
                i.value
              );
            }), H ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
          } else
            V.value = o.value.default.firstScene, h(() => {
              y(), g("on-scene-scenechange", i.value), E.parseEvents(
                S.useEvents,
                "on-scene-scenechange",
                i.value
              );
            });
        }), window.SHJSceneVrViewer.on(
          "zoomchange",
          he(() => {
            g("on-scene-zooming", i.value), E.parseEvents(
              S.useEvents,
              "on-scene-zooming",
              i.value
            );
          }, 300)
        ), window.SHJSceneVrViewer.on("hot-click", (t) => {
          g("on-scene-hotClick", t), E.parseEvents(S.useEvents, "on-scene-hotClick", t);
        }), f.value = !0;
      }
    }, X = () => {
      if (_.value) {
        if (!("IntersectionObserver" in window)) {
          p.value = !0, h(() => {
            y();
          });
          return;
        }
        b = new IntersectionObserver(
          (t) => {
            t.forEach((e) => {
              p.value = e.isIntersecting, e.isIntersecting && !f.value && h(() => {
                y();
              });
            });
          },
          {
            threshold: 0.1,
            // 当10%的组件可见时触发
            rootMargin: "50px"
            // 提前50px开始加载
          }
        ), b.observe(_.value);
      }
    }, ee = () => {
      f.value || (p.value = !0, h(() => {
        y();
      }));
    }, oe = () => {
      b && (b.disconnect(), b = null);
    }, T = c(o.value.default.firstScene), te = A(() => {
      const t = [];
      if (o.value) {
        const e = o.value.scenes;
        for (const n in e)
          if (Object.prototype.hasOwnProperty.call(e, n)) {
            const a = e[n];
            t.push({
              label: a.label,
              value: n,
              thumbnail: a.cover
            });
          }
      }
      return t.sort((e, n) => {
        const a = parseInt(e.value.replace("scene", "")), w = parseInt(n.value.replace("scene", ""));
        return a - w;
      });
    });
    z(
      () => o.value.default,
      () => {
        window.SHJSceneVrViewer && (H ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate());
      },
      { deep: !0 }
    );
    const ie = (t) => {
      window.SHJSceneVrViewer && T.value !== t && (T.value = t, window.SHJSceneVrViewer.isLoaded() && (window.SHJSceneVrViewer.loadScene(t), H ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate()));
    }, I = c(), J = c(!0), re = () => {
      J.value ? I.value.style.bottom = "-999px" : I.value.style.bottom = "80px", J.value = !J.value;
    };
    de(() => {
      o.value && (o.value.default.controls === void 0 && (o.value.default.controls = i.value.controls), o.value.default.audio === void 0 && (o.value.default.audio = i.value.audio)), X(), me();
    }), z(p, (t) => {
      t && !f.value && h(() => {
        y();
      });
    }), ve(() => {
      oe(), window.SHJSceneVrViewer && (window.SHJSceneVrViewer.destroy(), window.SHJSceneVrViewer = null), v.value && (v.value.dispose(), v.value = null);
    });
    const ne = () => {
      window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() + 10);
    }, le = () => {
      window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() - 10);
    }, se = () => {
      window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() - 10);
    }, ae = () => {
      window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() + 10);
    }, ue = () => {
      window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() - 10);
    }, ce = () => {
      window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() + 10);
    }, k = c(!1), j = (t) => {
      m.value && (t === "play" ? (m.value.play(), k.value = !1) : (m.value.pause(), k.value = !0));
    }, pe = () => {
      window.SHJSceneVrViewer.startAutoRotate();
    };
    let O;
    const R = c(!1), me = () => {
      o.value.default.controls ? R.value = o.value.default.controls.mouseTipShow : R.value = !0, O && clearTimeout(O), O = setTimeout(() => {
        R.value = !1;
      }, 3500);
    };
    return $({
      forceInit: ee,
      isVisible: p,
      isInitialized: f
    }), (t, e) => {
      const n = M("el-tooltip"), a = M("el-scrollbar");
      return s(), l("div", {
        ref_key: "containerRef",
        ref: _,
        class: "vr-scene-wrap"
      }, [
        !p.value && !f.value ? (s(), l("div", Re, e[2] || (e[2] = [
          r("div", { class: "loading-content" }, [
            r("div", { class: "loading-spinner" }),
            r("p", null, "全景场景加载中...")
          ], -1)
        ]))) : u("", !0),
        i.value && p.value ? (s(), l(D, { key: 1 }, [
          B(r("div", Ce, null, 512), [
            [N, i.value.sceneType === "image"]
          ]),
          B(r("div", _e, null, 512), [
            [N, i.value.sceneType !== "image"]
          ])
        ], 64)) : u("", !0),
        o.value.default.controls && p.value ? (s(), l("div", Ie, [
          o.value.default.controls.scene ? (s(), l("div", {
            key: 0,
            class: "btn-icon left",
            style: x({ borderColor: J.value ? "#ff7d00" : "#ffffff3d" }),
            onClick: re
          }, [
            G(n, { content: "场景选择" }, {
              default: U(() => e[3] || (e[3] = [
                r("img", {
                  src: Ve,
                  alt: ""
                }, null, -1)
              ])),
              _: 1,
              __: [3]
            })
          ], 4)) : u("", !0),
          o.value.default.controls.left ? (s(), l("div", {
            key: 1,
            class: "btn-icon left",
            onClick: se
          }, e[4] || (e[4] = [
            r("img", {
              src: C,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          o.value.default.controls.right ? (s(), l("div", {
            key: 2,
            class: "btn-icon right",
            onClick: ae
          }, e[5] || (e[5] = [
            r("img", {
              src: C,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          o.value.default.controls.top ? (s(), l("div", {
            key: 3,
            class: "btn-icon up",
            onClick: ne
          }, e[6] || (e[6] = [
            r("img", {
              src: C,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          o.value.default.controls.bottom ? (s(), l("div", {
            key: 4,
            class: "btn-icon down",
            onClick: le
          }, e[7] || (e[7] = [
            r("img", {
              src: C,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          o.value.default.controls.magnify ? (s(), l("div", {
            key: 5,
            class: "btn-icon",
            onClick: ue
          }, e[8] || (e[8] = [
            r("img", {
              src: ye,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          o.value.default.controls.shrink ? (s(), l("div", {
            key: 6,
            class: "btn-icon",
            onClick: ce
          }, e[9] || (e[9] = [
            r("img", {
              src: ge,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          k.value && d.value.src && o.value.default.audio ? (s(), l("div", {
            key: 7,
            class: "btn-icon",
            onClick: e[0] || (e[0] = (w) => j("play"))
          }, e[10] || (e[10] = [
            r("img", {
              src: be,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          !k.value && d.value.src && o.value.default.audio ? (s(), l("div", {
            key: 8,
            class: "btn-icon",
            onClick: e[1] || (e[1] = (w) => j("pause"))
          }, e[11] || (e[11] = [
            r("img", {
              src: He,
              alt: ""
            }, null, -1)
          ]))) : u("", !0),
          o.value.default.controls.rotate ? (s(), l("div", {
            key: 9,
            class: "btn-icon",
            onClick: pe
          }, e[12] || (e[12] = [
            r("img", {
              src: Je,
              alt: ""
            }, null, -1)
          ]))) : u("", !0)
        ])) : u("", !0),
        o.value.default.controls && p.value ? (s(), l("div", {
          key: 3,
          ref_key: "sceneMenuRef",
          ref: I,
          class: "scene-menu",
          style: x({
            bottom: J.value && o.value.default.controls.scene ? "80px" : "-9999999999999px"
          })
        }, [
          G(a, null, {
            default: U(() => [
              r("div", Oe, [
                (s(!0), l(D, null, we(te.value, (w) => (s(), l("div", {
                  key: w.value,
                  class: "scene-item",
                  style: x({
                    borderColor: T.value === w.value ? "#ff7d00" : "#fff"
                  }),
                  onClick: (De) => ie(w.value)
                }, [
                  r("img", {
                    class: "thumbnail",
                    src: w.thumbnail
                  }, null, 8, xe),
                  r("p", Le, fe(w.label), 1)
                ], 12, Ae))), 128))
              ])
            ]),
            _: 1
          })
        ], 4)) : u("", !0),
        r("audio", {
          ref_key: "audioRef",
          ref: m,
          autoplay: d.value.autoplay,
          loop: d.value.loop,
          volume: d.value.volume
        }, [
          r("source", {
            src: d.value.src
          }, null, 8, je)
        ], 8, Pe),
        R.value && p.value ? (s(), l("div", ze, e[13] || (e[13] = [
          Se('<div class="icon-wrap" data-v-eb6bdd6d><div class="left" data-v-eb6bdd6d><i class="iconfont zv-drop-down" data-v-eb6bdd6d></i></div><i class="iconfont zv-mouse" data-v-eb6bdd6d></i><div class="right" data-v-eb6bdd6d><i class="iconfont zv-drop-down" data-v-eb6bdd6d></i></div></div><p class="title" data-v-eb6bdd6d>左右拖动   更多精彩</p>', 2)
        ]))) : u("", !0)
      ], 512);
    };
  }
});
export {
  qi as default
};
