@shjjs/visual-ui 1.0.39 → 1.0.40

package/es/components/scene-vr/index.vue2.mjs

@@ -1,543 +1,543 @@
-import { defineComponent as M, ref as c, computed as _, watch as ie, onMounted as re, resolveComponent as A, createElementBlock as n, openBlock as s, createCommentVNode as l, createElementVNode as a, Fragment as L, withDirectives as P, vShow as j, normalizeStyle as E, createVNode as z, withCtx as D, renderList as ne, toDisplayString as se, createStaticVNode as ae, nextTick as pe } from "vue";
-import le from "./resources/zv-vr-select.svg.mjs";
-import H from "./resources/zv-return.svg.mjs";
-import ce from "./resources/zv-add.svg.mjs";
-import me from "./resources/zv-reduce.svg.mjs";
-import ue from "./resources/zv-play.svg.mjs";
-import de from "./resources/zv-pause.svg.mjs";
-import ve from "./resources/zv-refresh.svg.mjs";
-import T from "hls.js";
-import { isArray as we, debounce as fe, cloneDeep as I } from "lodash";
-import { useRoute as Se } from "vue-router";
-import "../text-text-basic/index.mjs";
-import "../text-table-basic/index.mjs";
-import "../chart-other-gauge/index.mjs";
-import "../chart-other-gauge-stage/index.mjs";
-import "../chart-other-gauge-grade/index.mjs";
-import "../chart-other-word-cloud/index.mjs";
-import "../chart-other-liquidfill/index.mjs";
-import "../chart-other-funnel/index.mjs";
-import "../chart-other-force/index.mjs";
-import "../chart-other-radar/index.mjs";
-import "../chart-other-funnel-split/index.mjs";
-import "../chart-other-funnel-contrast/index.mjs";
-import "../chart-other-candlestick-basic/index.mjs";
-import "../chart-other-candlestick-shanghai/index.mjs";
-import "../chart-other-candlestick-demo/index.mjs";
-import "../chart-other-heatmap/index.mjs";
-import "../chart-other-force2/index.mjs";
-import "../chart-other-graph-basic/index.mjs";
-import "../chart-other-graph-basic2/index.mjs";
-import "../chart-other-graph-calendar/index.mjs";
-import "../chart-other-tree-line/index.mjs";
-import "../chart-other-treemap-basic/index.mjs";
-import "../chart-other-sunburst-basic/index.mjs";
-import "../chart-other-sunburst-basic2/index.mjs";
-import "../chart-other-sunburst-basic3/index.mjs";
-import "../chart-other-sunburst-basic4/index.mjs";
-import "../chart-other-sunburst-book/index.mjs";
-import "../chart-other-sunburst-radius/index.mjs";
-import "../chart-other-sunburst-flavors/index.mjs";
-import "../chart-other-parallel-basic/index.mjs";
-import "../chart-other-parallel-mul/index.mjs";
-import "../chart-other-circular-graph/index.mjs";
-import "../map-earth-basic/index.mjs";
-import "../map-earth-cool-tech/index.mjs";
-import "../map-earth-particle/index.mjs";
-import "../map-earth-hacker/index.mjs";
-import "../map-earth-fly-line/index.mjs";
-import "../chart-other-grid-percentage/index.mjs";
-import "../chart-other-radar-stack/index.mjs";
-import "../chart-other-funnel2/index.mjs";
-import "../chart-other-label-gauge/index.mjs";
-import "../chart-other-theme-river/index.mjs";
-import "../chart-other-tree/index.mjs";
-import "../chart-other-treemap/index.mjs";
-import "../commons-product-model/index.mjs";
-import "../commons-vr-photo/index.mjs";
-import "../commons-vr-video/index.mjs";
-import "../commons-three-loader/index.mjs";
-import "../commons-three-loader3/index.mjs";
-import "../commons-loop-iterator/index.mjs";
-import "../commons-gaussian-splatting-view/index.mjs";
-import "../commons-babylon/index.mjs";
-import "../commons-svg/index.mjs";
-import "../commons-weather/index.mjs";
-import "../commons-weather-dynamic/index.mjs";
-import "../media-wavesurfer/index.mjs";
-import "../interaction-tabs/index.mjs";
-import "../interaction-tabs2/index.mjs";
-import "../interaction-button/index.mjs";
-import "../interaction-button-image/index.mjs";
-import "../interaction-select/index.mjs";
-import "../interaction-input/index.mjs";
-import "../interaction-radio/index.mjs";
-import "../interaction-slider/index.mjs";
-import "../interaction-switch/index.mjs";
-import "../interaction-data-picker/index.mjs";
-import "../interaction-button-refresh/index.mjs";
-import "../media-image/index.mjs";
-import "../text-title/index.mjs";
-import "../commons-qrcode/index.mjs";
-import "../media-video/index.mjs";
-import "../media-audio/index.mjs";
-import "../text-real-time/index.mjs";
-import "../media-carousel/index.mjs";
-import "../media-carousel-slides/index.mjs";
-import "../media-iframe-carousel/index.mjs";
-import "../media-iframe/index.mjs";
-import "../media-m3u8/index.mjs";
-import "../media-m3u8-dynamic/index.mjs";
-import "../media-audio-dynamic/index.mjs";
-import "../media-video-dynamic/index.mjs";
-import "../media-image-dynamic/index.mjs";
-import "../media-iframe-dynamic/index.mjs";
-import "../media-flv/index.mjs";
-import "../commons-echarts/index.mjs";
-import "../text-over-number/index.mjs";
-import "../text-table-scroll/index.mjs";
-import "../text-carousel/index.mjs";
-import "../text-row-scroll/index.mjs";
-import "../text-text-dynamic/index.mjs";
-import "../text-count-down/index.mjs";
-import "../graphical-circle/index.mjs";
-import "../graphical-diamond/index.mjs";
-import "../graphical-hexagon/index.mjs";
-import "../graphical-isosceles-triangle/index.mjs";
-import "../graphical-pentagon/index.mjs";
-import "../graphical-rect/index.mjs";
-import "../graphical-right-triangle/index.mjs";
-import "../scene-map3d/index.mjs";
-import "../scene-amap2d/index.mjs";
-import "../scene-amap3d/index.mjs";
-import "./index.mjs";
-import "../scene-unity-iframe/index.mjs";
-import "../scene-unity-webgl/index.mjs";
-import "../scene-ue-iframe/index.mjs";
-import "../scene-ue-shj/index.mjs";
-import "../scene-default/index.mjs";
-import "../interaction/tabs/index.mjs";
-import "../interaction/tabs-icon/index.mjs";
-import "../interaction/button/index.mjs";
-import "../interaction/date-picker/src/date-picker/index.mjs";
-import "../interaction/date-picker/src/date-picker-range/index.mjs";
-import "../text/list/index.mjs";
-import "../chart/src/bar/basic/index.mjs";
-import "../chart/src/bar/animation/index.mjs";
-import "../chart/src/bar/contrast/index.mjs";
-import "../chart/src/bar/contrast2/index.mjs";
-import "../chart/src/bar/contrast3/index.mjs";
-import "../chart/src/bar/gradient-column-chart/index.mjs";
-import "../chart/src/bar/horizontal/index.mjs";
-import "../chart/src/bar/horizontal-stack/index.mjs";
-import "../chart/src/bar/line-bar/index.mjs";
-import "../chart/src/bar/line-bar2/index.mjs";
-import "../chart/src/bar/loop/index.mjs";
-import "../chart/src/bar/mini/index.mjs";
-import "../chart/src/bar/polar/index.mjs";
-import "../chart/src/bar/polar-stack/index.mjs";
-import "../chart/src/bar/polar2/index.mjs";
-import "../chart/src/bar/radius-circle/index.mjs";
-import "../chart/src/bar/rank/index.mjs";
-import "../chart/src/bar/segmented-progress/index.mjs";
-import "../chart/src/bar/spire/index.mjs";
-import "../chart/src/bar/stack/index.mjs";
-import "../chart/src/bar/stack-line/index.mjs";
-import "../chart/src/bar/stack2/index.mjs";
-import "../chart/src/bar/stack3/index.mjs";
-import "../chart/src/bar/staggered/index.mjs";
-import "../chart/src/bar/three/index.mjs";
-import "../chart/src/bar/waterfall/index.mjs";
-import "../chart/src/bar/zebra/index.mjs";
-import "../chart/src/line/area-gradient/index.mjs";
-import "../chart/src/line/area-highlight/index.mjs";
-import "../chart/src/line/area-highlight2/index.mjs";
-import "../chart/src/line/basic/index.mjs";
-import "../chart/src/line/bump/index.mjs";
-import "../chart/src/line/dashed/index.mjs";
-import "../chart/src/line/ladder/index.mjs";
-import "../chart/src/line/logarithm/index.mjs";
-import "../chart/src/line/multix/index.mjs";
-import "../chart/src/line/polar-double/index.mjs";
-import "../chart/src/line/rain-flow/index.mjs";
-import "../chart/src/line/scale/index.mjs";
-import "../chart/src/line/smooth/index.mjs";
-import "../chart/src/line/smooth-area/index.mjs";
-import "../chart/src/line/stack/index.mjs";
-import "../chart/src/line/stack-area/index.mjs";
-import "../chart/src/line/temp/index.mjs";
-import "../chart/src/line/vertical/index.mjs";
-import "../chart/src/map/basic/index.mjs";
-import "../chart/src/map/bmap-basic/index.mjs";
-import "../chart/src/map/bmap-heatmap/index.mjs";
-import "../chart/src/map/bmap-rich/index.mjs";
-import "../chart/src/map/customize/index.mjs";
-import "../chart/src/map/lines/index.mjs";
-import "../chart/src/map/scatter/index.mjs";
-import "../chart/src/pie/3d/index.mjs";
-import "../chart/src/pie/basic/index.mjs";
-import "../chart/src/pie/basic2/index.mjs";
-import "../chart/src/pie/customized/index.mjs";
-import "../chart/src/pie/index/index.mjs";
-import "../chart/src/pie/interval/index.mjs";
-import "../chart/src/pie/legend-scroll/index.mjs";
-import "../chart/src/pie/radius/index.mjs";
-import "../chart/src/pie/rose/index.mjs";
-import "../chart/src/pie/round/index.mjs";
-import "../chart/src/pie/sunburst/index.mjs";
-import "../chart/src/scatter/basic/index.mjs";
-import "../chart/src/scatter/basic2/index.mjs";
-import "../chart/src/scatter/bubble/index.mjs";
-import "../chart/src/scatter/ripples/index.mjs";
-import "../commons/custom-component-render/index.mjs";
-/* empty css                        */
-/* empty css                               */
-import "../../plugins/datasource/utils/request.mjs";
-import "../../plugins/datasource/utils/wsManager.mjs";
-import { SHJParseEvent as f } from "../../plugins/event/index.mjs";
-const Ve = { class: "vr-scene-wrap" }, be = {
-  id: "panorama",
-  class: "vr-scene"
-}, ye = {
-  id: "panorama-video-wrap",
-  class: "vr-scene-main"
-}, ge = {
-  key: 1,
-  class: "vr-scene-controls"
-}, Oe = { class: "scene-list" }, He = ["onClick"], ke = ["src"], Je = { class: "label" }, he = ["autoplay", "loop", "volume"], Ee = ["src"], Te = {
-  key: 3,
-  class: "mouse-tip"
-}, Ce = M({ name: "zv-scene-vr" }), dr = /* @__PURE__ */ M({
-  ...Ce,
-  props: {
-    basicOption: {},
-    sources: {},
-    useEvents: {},
-    uuid: {},
-    disableDrag: { type: Boolean }
-  },
-  emits: [
-    "on-scene-loaded",
-    "on-scene-scenechange",
-    "on-scene-zooming",
-    "on-scene-hotClick"
-  ],
-  setup(B, { emit: N }) {
-    const G = Se(), t = B, S = N;
-    f.parseEvents(t.useEvents, "on-page-loaded", null);
-    const m = c(), u = c({ src: "", autoplay: !0, loop: !0, volume: 50 }), v = c(null), W = c(t.basicOption.default.firstScene), w = c(W.value), i = _(() => {
-      try {
-        return t.basicOption.scenes[w.value];
-      } catch {
-        return null;
-      }
-    }), C = {
-      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: "未知错误。检查开发人员控制台。"
-    }, Y = () => {
-      const o = t.basicOption;
-      window.SHJSceneVrViewer = window.pannellum.viewer("panorama", {
-        ...o,
-        default: Object.assign(I(o.default), { firstScene: w.value }),
-        strings: C
-      });
-    }, U = () => {
-      const o = () => {
-        const p = document.getElementById("panorama-video-wrap");
-        p.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, o()), v.value || o();
-      const e = document.getElementById("panorama-video"), r = t.basicOption;
-      if (v.value = window.videojs(e, {
-        loop: !0,
-        autoplay: !0,
-        plugins: {
-          pannellum: {
-            ...t.basicOption,
-            default: Object.assign(I(r.default), { firstScene: w.value }),
-            strings: C
-          }
-        }
-      }), window.SHJSceneVrViewer = v.value.pnlmViewer, i.value.sceneType === "video" && (e.src = i.value.panorama), i.value.sceneType === "hls")
-        if (T.isSupported()) {
-          const p = new T();
-          p.loadSource(i.value.panorama), p.attachMedia(e), p.on(T.Events.MANIFEST_PARSED, () => {
-            e.play();
-          });
-        } else e.canPlayType("application/vnd.apple.mpegurl") && (e.src = i.value.panorama);
-    }, V = G.path.includes("designer-vr"), k = () => {
-      if (window.pannellum && t.basicOption) {
-        window.SHJSceneVrViewer && (window.SHJSceneVrViewer.destroy(), window.SHJSceneVrViewer = null), i.value.sceneType === "image" ? Y() : U();
-        try {
-          t.basicOption.scenes[window.SHJSceneVrViewer.getScene()] && (u.value = t.basicOption.default.audio, m.value && u.value && (window.SHJSceneVrViewer.audio = m, m.value.src = u.value.src, setTimeout(() => {
-            m.value && (y.value = m.value.paused);
-          }, 500)));
-        } catch {
-        }
-        window.SHJSceneVrViewer.on("load", () => {
-          S("on-scene-loaded", i.value), f.parseEvents(t.useEvents, "on-scene-loaded", i.value);
-        }), V || t.basicOption.default.autoRotate === 0 ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
-        try {
-          window.SHJSceneVrViewer && async function() {
-            for (const o in t.basicOption.scenes)
-              Object.prototype.hasOwnProperty.call(t.basicOption.scenes, o) && t.basicOption.scenes[o].hotSpots.forEach(async (r) => {
-                await setTimeout(() => {
-                  r.draggable = V, window.SHJSceneVrViewer.removeHotSpot(r.id, o), window.SHJSceneVrViewer.addHotSpot(r, o);
-                }, 100);
-              });
-          }();
-        } catch {
-        }
-        window.SHJSceneVrViewer.on("scenechange", (o) => {
-          const e = document.getElementsByTagName("video");
-          if (we(e) && e.length > 0 && e.forEach((r) => {
-            r && r.pause();
-          }), i.value) {
-            const r = i.value.sceneType;
-            w.value = o;
-            const p = i.value.sceneType;
-            setTimeout(() => {
-              (p !== "image" || r !== "image" && p === "image") && k(), g.value = w.value, S("on-scene-scenechange", i.value), f.parseEvents(t.useEvents, "on-scene-scenechange", i.value);
-            }), V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
-          } else
-            w.value = t.basicOption.default.firstScene, pe(() => {
-              k(), S("on-scene-scenechange", i.value), f.parseEvents(t.useEvents, "on-scene-scenechange", i.value);
-            });
-        }), window.SHJSceneVrViewer.on("zoomchange", fe((o) => {
-          S("on-scene-zooming", i.value), f.parseEvents(t.useEvents, "on-scene-zooming", i.value);
-        }, 300)), window.SHJSceneVrViewer.on("hot-click", (o) => {
-          S("on-scene-hotClick", o), f.parseEvents(t.useEvents, "on-scene-hotClick", o);
-        });
-      }
-    }, g = c(t.basicOption.default.firstScene), $ = _(() => {
-      const o = [];
-      if (t.basicOption) {
-        const e = t.basicOption.scenes;
-        for (const r in e)
-          if (Object.prototype.hasOwnProperty.call(e, r)) {
-            const p = e[r];
-            o.push({ label: p.label, value: r, thumbnail: p.cover });
-          }
-      }
-      return o.sort((e, r) => {
-        const p = parseInt(e.value.replace("scene", "")), d = parseInt(r.value.replace("scene", ""));
-        return p - d;
-      });
-    });
-    ie(() => t.basicOption.default, () => {
-      V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
-    }, { deep: !0 });
-    const F = (o) => {
-      window.SHJSceneVrViewer && g.value !== o && (g.value = o, window.SHJSceneVrViewer.isLoaded() && (window.SHJSceneVrViewer.loadScene(o), V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate()));
-    }, J = c(), b = c(!0), Z = () => {
-      b.value ? J.value.style.bottom = "-999px" : J.value.style.bottom = "80px", b.value = !b.value;
-    };
-    re(() => {
-      t.basicOption && (t.basicOption.default.controls === void 0 && (t.basicOption.default.controls = i.value.controls), t.basicOption.default.audio === void 0 && (t.basicOption.default.audio = i.value.audio)), k(), te();
-    });
-    const K = () => {
-      window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() + 10);
-    }, q = () => {
-      window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() - 10);
-    }, Q = () => {
-      window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() - 10);
-    }, X = () => {
-      window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() + 10);
-    }, x = () => {
-      window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() - 10);
-    }, ee = () => {
-      window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() + 10);
-    }, y = c(!1), R = (o) => {
-      m.value && (o === "play" ? (m.value.play(), y.value = !1) : (m.value.pause(), y.value = !0));
-    }, oe = () => {
-      window.SHJSceneVrViewer.startAutoRotate();
-    };
-    let h;
-    const O = c(!1), te = () => {
-      t.basicOption.default.controls ? O.value = t.basicOption.default.controls.mouseTipShow : O.value = !0, h && clearTimeout(h), h = setTimeout(() => {
-        O.value = !1;
-      }, 3500);
-    };
-    return (o, e) => {
-      const r = A("el-tooltip"), p = A("el-scrollbar");
-      return s(), n("div", Ve, [
-        i.value ? (s(), n(L, { key: 0 }, [
-          P(a("div", be, null, 512), [
-            [j, i.value.sceneType === "image"]
-          ]),
-          P(a("div", ye, null, 512), [
-            [j, i.value.sceneType !== "image"]
-          ])
-        ], 64)) : l("", !0),
-        o.basicOption.default.controls ? (s(), n("div", ge, [
-          o.basicOption.default.controls.scene ? (s(), n("div", {
-            key: 0,
-            class: "btn-icon left",
-            style: E({ borderColor: b.value ? "#ff7d00" : "#ffffff3d" }),
-            onClick: Z
-          }, [
-            z(r, { content: "场景选择" }, {
-              default: D(() => e[2] || (e[2] = [
-                a("img", {
-                  src: le,
-                  alt: ""
-                }, null, -1)
-              ])),
-              _: 1
-            })
-          ], 4)) : l("", !0),
-          o.basicOption.default.controls.left ? (s(), n("div", {
-            key: 1,
-            class: "btn-icon left",
-            onClick: Q
-          }, e[3] || (e[3] = [
-            a("img", {
-              src: H,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          o.basicOption.default.controls.right ? (s(), n("div", {
-            key: 2,
-            class: "btn-icon right",
-            onClick: X
-          }, e[4] || (e[4] = [
-            a("img", {
-              src: H,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          o.basicOption.default.controls.top ? (s(), n("div", {
-            key: 3,
-            class: "btn-icon up",
-            onClick: K
-          }, e[5] || (e[5] = [
-            a("img", {
-              src: H,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          o.basicOption.default.controls.bottom ? (s(), n("div", {
-            key: 4,
-            class: "btn-icon down",
-            onClick: q
-          }, e[6] || (e[6] = [
-            a("img", {
-              src: H,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          o.basicOption.default.controls.magnify ? (s(), n("div", {
-            key: 5,
-            class: "btn-icon",
-            onClick: x
-          }, e[7] || (e[7] = [
-            a("img", {
-              src: ce,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          o.basicOption.default.controls.shrink ? (s(), n("div", {
-            key: 6,
-            class: "btn-icon",
-            onClick: ee
-          }, e[8] || (e[8] = [
-            a("img", {
-              src: me,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          y.value && u.value.src && o.basicOption.default.audio ? (s(), n("div", {
-            key: 7,
-            class: "btn-icon",
-            onClick: e[0] || (e[0] = (d) => R("play"))
-          }, e[9] || (e[9] = [
-            a("img", {
-              src: ue,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          !y.value && u.value.src && o.basicOption.default.audio ? (s(), n("div", {
-            key: 8,
-            class: "btn-icon",
-            onClick: e[1] || (e[1] = (d) => R("pause"))
-          }, e[10] || (e[10] = [
-            a("img", {
-              src: de,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0),
-          o.basicOption.default.controls.rotate ? (s(), n("div", {
-            key: 9,
-            class: "btn-icon",
-            onClick: oe
-          }, e[11] || (e[11] = [
-            a("img", {
-              src: ve,
-              alt: ""
-            }, null, -1)
-          ]))) : l("", !0)
-        ])) : l("", !0),
-        o.basicOption.default.controls ? (s(), n("div", {
-          key: 2,
-          ref_key: "sceneMenuRef",
-          ref: J,
-          class: "scene-menu",
-          style: E({ bottom: b.value && o.basicOption.default.controls.scene ? "80px" : "-9999999999999px" })
-        }, [
-          z(p, null, {
-            default: D(() => [
-              a("div", Oe, [
-                (s(!0), n(L, null, ne($.value, (d) => (s(), n("div", {
-                  key: d.value,
-                  class: "scene-item",
-                  style: E({ borderColor: g.value === d.value ? "#ff7d00" : "#fff" }),
-                  onClick: (Re) => F(d.value)
-                }, [
-                  a("img", {
-                    class: "thumbnail",
-                    src: d.thumbnail
-                  }, null, 8, ke),
-                  a("p", Je, se(d.label), 1)
-                ], 12, He))), 128))
-              ])
-            ]),
-            _: 1
-          })
-        ], 4)) : l("", !0),
-        a("audio", {
-          ref_key: "audioRef",
-          ref: m,
-          autoplay: u.value.autoplay,
-          loop: u.value.loop,
-          volume: u.value.volume
-        }, [
-          a("source", {
-            src: u.value.src
-          }, null, 8, Ee)
-        ], 8, he),
-        O.value ? (s(), n("div", Te, e[12] || (e[12] = [
-          ae('<div class="icon-wrap" data-v-40ea83da><div class="left" data-v-40ea83da><i class="iconfont zv-drop-down" data-v-40ea83da></i></div><i class="iconfont zv-mouse" data-v-40ea83da></i><div class="right" data-v-40ea83da><i class="iconfont zv-drop-down" data-v-40ea83da></i></div></div><p class="title" data-v-40ea83da>左右拖动   更多精彩</p>', 2)
-        ]))) : l("", !0)
-      ]);
-    };
-  }
-});
-export {
-  dr as default
-};
+import { defineComponent as M, ref as c, computed as _, watch as ie, onMounted as re, resolveComponent as A, createElementBlock as n, openBlock as s, createCommentVNode as l, createElementVNode as a, Fragment as L, withDirectives as P, vShow as j, normalizeStyle as E, createVNode as z, withCtx as D, renderList as ne, toDisplayString as se, createStaticVNode as ae, nextTick as pe } from "vue";
+import le from "./resources/zv-vr-select.svg.mjs";
+import H from "./resources/zv-return.svg.mjs";
+import ce from "./resources/zv-add.svg.mjs";
+import me from "./resources/zv-reduce.svg.mjs";
+import ue from "./resources/zv-play.svg.mjs";
+import de from "./resources/zv-pause.svg.mjs";
+import ve from "./resources/zv-refresh.svg.mjs";
+import T from "hls.js";
+import { isArray as we, debounce as fe, cloneDeep as I } from "lodash";
+import { useRoute as Se } from "vue-router";
+import "../text-text-basic/index.mjs";
+import "../text-table-basic/index.mjs";
+import "../chart-other-gauge/index.mjs";
+import "../chart-other-gauge-stage/index.mjs";
+import "../chart-other-gauge-grade/index.mjs";
+import "../chart-other-word-cloud/index.mjs";
+import "../chart-other-liquidfill/index.mjs";
+import "../chart-other-funnel/index.mjs";
+import "../chart-other-force/index.mjs";
+import "../chart-other-radar/index.mjs";
+import "../chart-other-funnel-split/index.mjs";
+import "../chart-other-funnel-contrast/index.mjs";
+import "../chart-other-candlestick-basic/index.mjs";
+import "../chart-other-candlestick-shanghai/index.mjs";
+import "../chart-other-candlestick-demo/index.mjs";
+import "../chart-other-heatmap/index.mjs";
+import "../chart-other-force2/index.mjs";
+import "../chart-other-graph-basic/index.mjs";
+import "../chart-other-graph-basic2/index.mjs";
+import "../chart-other-graph-calendar/index.mjs";
+import "../chart-other-tree-line/index.mjs";
+import "../chart-other-treemap-basic/index.mjs";
+import "../chart-other-sunburst-basic/index.mjs";
+import "../chart-other-sunburst-basic2/index.mjs";
+import "../chart-other-sunburst-basic3/index.mjs";
+import "../chart-other-sunburst-basic4/index.mjs";
+import "../chart-other-sunburst-book/index.mjs";
+import "../chart-other-sunburst-radius/index.mjs";
+import "../chart-other-sunburst-flavors/index.mjs";
+import "../chart-other-parallel-basic/index.mjs";
+import "../chart-other-parallel-mul/index.mjs";
+import "../chart-other-circular-graph/index.mjs";
+import "../map-earth-basic/index.mjs";
+import "../map-earth-cool-tech/index.mjs";
+import "../map-earth-particle/index.mjs";
+import "../map-earth-hacker/index.mjs";
+import "../map-earth-fly-line/index.mjs";
+import "../chart-other-grid-percentage/index.mjs";
+import "../chart-other-radar-stack/index.mjs";
+import "../chart-other-funnel2/index.mjs";
+import "../chart-other-label-gauge/index.mjs";
+import "../chart-other-theme-river/index.mjs";
+import "../chart-other-tree/index.mjs";
+import "../chart-other-treemap/index.mjs";
+import "../commons-product-model/index.mjs";
+import "../commons-vr-photo/index.mjs";
+import "../commons-vr-video/index.mjs";
+import "../commons-three-loader/index.mjs";
+import "../commons-three-loader3/index.mjs";
+import "../commons-loop-iterator/index.mjs";
+import "../commons-gaussian-splatting-view/index.mjs";
+import "../commons-babylon/index.mjs";
+import "../commons-svg/index.mjs";
+import "../commons-weather/index.mjs";
+import "../commons-weather-dynamic/index.mjs";
+import "../media-wavesurfer/index.mjs";
+import "../interaction-tabs/index.mjs";
+import "../interaction-tabs2/index.mjs";
+import "../interaction-button/index.mjs";
+import "../interaction-button-image/index.mjs";
+import "../interaction-select/index.mjs";
+import "../interaction-input/index.mjs";
+import "../interaction-radio/index.mjs";
+import "../interaction-slider/index.mjs";
+import "../interaction-switch/index.mjs";
+import "../interaction-data-picker/index.mjs";
+import "../interaction-button-refresh/index.mjs";
+import "../media-image/index.mjs";
+import "../text-title/index.mjs";
+import "../commons-qrcode/index.mjs";
+import "../media-video/index.mjs";
+import "../media-audio/index.mjs";
+import "../text-real-time/index.mjs";
+import "../media-carousel/index.mjs";
+import "../media-carousel-slides/index.mjs";
+import "../media-iframe-carousel/index.mjs";
+import "../media-iframe/index.mjs";
+import "../media-m3u8/index.mjs";
+import "../media-m3u8-dynamic/index.mjs";
+import "../media-audio-dynamic/index.mjs";
+import "../media-video-dynamic/index.mjs";
+import "../media-image-dynamic/index.mjs";
+import "../media-iframe-dynamic/index.mjs";
+import "../media-flv/index.mjs";
+import "../commons-echarts/index.mjs";
+import "../text-over-number/index.mjs";
+import "../text-table-scroll/index.mjs";
+import "../text-carousel/index.mjs";
+import "../text-row-scroll/index.mjs";
+import "../text-text-dynamic/index.mjs";
+import "../text-count-down/index.mjs";
+import "../graphical-circle/index.mjs";
+import "../graphical-diamond/index.mjs";
+import "../graphical-hexagon/index.mjs";
+import "../graphical-isosceles-triangle/index.mjs";
+import "../graphical-pentagon/index.mjs";
+import "../graphical-rect/index.mjs";
+import "../graphical-right-triangle/index.mjs";
+import "../scene-map3d/index.mjs";
+import "../scene-amap2d/index.mjs";
+import "../scene-amap3d/index.mjs";
+import "./index.mjs";
+import "../scene-unity-iframe/index.mjs";
+import "../scene-unity-webgl/index.mjs";
+import "../scene-ue-iframe/index.mjs";
+import "../scene-ue-shj/index.mjs";
+import "../scene-default/index.mjs";
+import "../interaction/tabs/index.mjs";
+import "../interaction/tabs-icon/index.mjs";
+import "../interaction/button/index.mjs";
+import "../interaction/date-picker/src/date-picker/index.mjs";
+import "../interaction/date-picker/src/date-picker-range/index.mjs";
+import "../text/list/index.mjs";
+import "../chart/src/bar/basic/index.mjs";
+import "../chart/src/bar/animation/index.mjs";
+import "../chart/src/bar/contrast/index.mjs";
+import "../chart/src/bar/contrast2/index.mjs";
+import "../chart/src/bar/contrast3/index.mjs";
+import "../chart/src/bar/gradient-column-chart/index.mjs";
+import "../chart/src/bar/horizontal/index.mjs";
+import "../chart/src/bar/horizontal-stack/index.mjs";
+import "../chart/src/bar/line-bar/index.mjs";
+import "../chart/src/bar/line-bar2/index.mjs";
+import "../chart/src/bar/loop/index.mjs";
+import "../chart/src/bar/mini/index.mjs";
+import "../chart/src/bar/polar/index.mjs";
+import "../chart/src/bar/polar-stack/index.mjs";
+import "../chart/src/bar/polar2/index.mjs";
+import "../chart/src/bar/radius-circle/index.mjs";
+import "../chart/src/bar/rank/index.mjs";
+import "../chart/src/bar/segmented-progress/index.mjs";
+import "../chart/src/bar/spire/index.mjs";
+import "../chart/src/bar/stack/index.mjs";
+import "../chart/src/bar/stack-line/index.mjs";
+import "../chart/src/bar/stack2/index.mjs";
+import "../chart/src/bar/stack3/index.mjs";
+import "../chart/src/bar/staggered/index.mjs";
+import "../chart/src/bar/three/index.mjs";
+import "../chart/src/bar/waterfall/index.mjs";
+import "../chart/src/bar/zebra/index.mjs";
+import "../chart/src/line/area-gradient/index.mjs";
+import "../chart/src/line/area-highlight/index.mjs";
+import "../chart/src/line/area-highlight2/index.mjs";
+import "../chart/src/line/basic/index.mjs";
+import "../chart/src/line/bump/index.mjs";
+import "../chart/src/line/dashed/index.mjs";
+import "../chart/src/line/ladder/index.mjs";
+import "../chart/src/line/logarithm/index.mjs";
+import "../chart/src/line/multix/index.mjs";
+import "../chart/src/line/polar-double/index.mjs";
+import "../chart/src/line/rain-flow/index.mjs";
+import "../chart/src/line/scale/index.mjs";
+import "../chart/src/line/smooth/index.mjs";
+import "../chart/src/line/smooth-area/index.mjs";
+import "../chart/src/line/stack/index.mjs";
+import "../chart/src/line/stack-area/index.mjs";
+import "../chart/src/line/temp/index.mjs";
+import "../chart/src/line/vertical/index.mjs";
+import "../chart/src/map/basic/index.mjs";
+import "../chart/src/map/bmap-basic/index.mjs";
+import "../chart/src/map/bmap-heatmap/index.mjs";
+import "../chart/src/map/bmap-rich/index.mjs";
+import "../chart/src/map/customize/index.mjs";
+import "../chart/src/map/lines/index.mjs";
+import "../chart/src/map/scatter/index.mjs";
+import "../chart/src/pie/3d/index.mjs";
+import "../chart/src/pie/basic/index.mjs";
+import "../chart/src/pie/basic2/index.mjs";
+import "../chart/src/pie/customized/index.mjs";
+import "../chart/src/pie/index/index.mjs";
+import "../chart/src/pie/interval/index.mjs";
+import "../chart/src/pie/legend-scroll/index.mjs";
+import "../chart/src/pie/radius/index.mjs";
+import "../chart/src/pie/rose/index.mjs";
+import "../chart/src/pie/round/index.mjs";
+import "../chart/src/pie/sunburst/index.mjs";
+import "../chart/src/scatter/basic/index.mjs";
+import "../chart/src/scatter/basic2/index.mjs";
+import "../chart/src/scatter/bubble/index.mjs";
+import "../chart/src/scatter/ripples/index.mjs";
+import "../commons/custom-component-render/index.mjs";
+/* empty css                        */
+/* empty css                               */
+import "../../plugins/datasource/utils/request.mjs";
+import "../../plugins/datasource/utils/wsManager.mjs";
+import { SHJParseEvent as f } from "../../plugins/event/index.mjs";
+const Ve = { class: "vr-scene-wrap" }, be = {
+  id: "panorama",
+  class: "vr-scene"
+}, ye = {
+  id: "panorama-video-wrap",
+  class: "vr-scene-main"
+}, ge = {
+  key: 1,
+  class: "vr-scene-controls"
+}, Oe = { class: "scene-list" }, He = ["onClick"], ke = ["src"], Je = { class: "label" }, he = ["autoplay", "loop", "volume"], Ee = ["src"], Te = {
+  key: 3,
+  class: "mouse-tip"
+}, Ce = M({ name: "zv-scene-vr" }), dr = /* @__PURE__ */ M({
+  ...Ce,
+  props: {
+    basicOption: {},
+    sources: {},
+    useEvents: {},
+    uuid: {},
+    disableDrag: { type: Boolean }
+  },
+  emits: [
+    "on-scene-loaded",
+    "on-scene-scenechange",
+    "on-scene-zooming",
+    "on-scene-hotClick"
+  ],
+  setup(B, { emit: N }) {
+    const G = Se(), t = B, S = N;
+    f.parseEvents(t.useEvents, "on-page-loaded", null);
+    const m = c(), u = c({ src: "", autoplay: !0, loop: !0, volume: 50 }), v = c(null), W = c(t.basicOption.default.firstScene), w = c(W.value), i = _(() => {
+      try {
+        return t.basicOption.scenes[w.value];
+      } catch {
+        return null;
+      }
+    }), C = {
+      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: "未知错误。检查开发人员控制台。"
+    }, Y = () => {
+      const o = t.basicOption;
+      window.SHJSceneVrViewer = window.pannellum.viewer("panorama", {
+        ...o,
+        default: Object.assign(I(o.default), { firstScene: w.value }),
+        strings: C
+      });
+    }, U = () => {
+      const o = () => {
+        const p = document.getElementById("panorama-video-wrap");
+        p.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, o()), v.value || o();
+      const e = document.getElementById("panorama-video"), r = t.basicOption;
+      if (v.value = window.videojs(e, {
+        loop: !0,
+        autoplay: !0,
+        plugins: {
+          pannellum: {
+            ...t.basicOption,
+            default: Object.assign(I(r.default), { firstScene: w.value }),
+            strings: C
+          }
+        }
+      }), window.SHJSceneVrViewer = v.value.pnlmViewer, i.value.sceneType === "video" && (e.src = i.value.panorama), i.value.sceneType === "hls")
+        if (T.isSupported()) {
+          const p = new T();
+          p.loadSource(i.value.panorama), p.attachMedia(e), p.on(T.Events.MANIFEST_PARSED, () => {
+            e.play();
+          });
+        } else e.canPlayType("application/vnd.apple.mpegurl") && (e.src = i.value.panorama);
+    }, V = G.path.includes("designer-vr"), k = () => {
+      if (window.pannellum && t.basicOption) {
+        window.SHJSceneVrViewer && (window.SHJSceneVrViewer.destroy(), window.SHJSceneVrViewer = null), i.value.sceneType === "image" ? Y() : U();
+        try {
+          t.basicOption.scenes[window.SHJSceneVrViewer.getScene()] && (u.value = t.basicOption.default.audio, m.value && u.value && (window.SHJSceneVrViewer.audio = m, m.value.src = u.value.src, setTimeout(() => {
+            m.value && (y.value = m.value.paused);
+          }, 500)));
+        } catch {
+        }
+        window.SHJSceneVrViewer.on("load", () => {
+          S("on-scene-loaded", i.value), f.parseEvents(t.useEvents, "on-scene-loaded", i.value);
+        }), V || t.basicOption.default.autoRotate === 0 ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
+        try {
+          window.SHJSceneVrViewer && async function() {
+            for (const o in t.basicOption.scenes)
+              Object.prototype.hasOwnProperty.call(t.basicOption.scenes, o) && t.basicOption.scenes[o].hotSpots.forEach(async (r) => {
+                await setTimeout(() => {
+                  r.draggable = V, window.SHJSceneVrViewer.removeHotSpot(r.id, o), window.SHJSceneVrViewer.addHotSpot(r, o);
+                }, 100);
+              });
+          }();
+        } catch {
+        }
+        window.SHJSceneVrViewer.on("scenechange", (o) => {
+          const e = document.getElementsByTagName("video");
+          if (we(e) && e.length > 0 && e.forEach((r) => {
+            r && r.pause();
+          }), i.value) {
+            const r = i.value.sceneType;
+            w.value = o;
+            const p = i.value.sceneType;
+            setTimeout(() => {
+              (p !== "image" || r !== "image" && p === "image") && k(), g.value = w.value, S("on-scene-scenechange", i.value), f.parseEvents(t.useEvents, "on-scene-scenechange", i.value);
+            }), V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
+          } else
+            w.value = t.basicOption.default.firstScene, pe(() => {
+              k(), S("on-scene-scenechange", i.value), f.parseEvents(t.useEvents, "on-scene-scenechange", i.value);
+            });
+        }), window.SHJSceneVrViewer.on("zoomchange", fe((o) => {
+          S("on-scene-zooming", i.value), f.parseEvents(t.useEvents, "on-scene-zooming", i.value);
+        }, 300)), window.SHJSceneVrViewer.on("hot-click", (o) => {
+          S("on-scene-hotClick", o), f.parseEvents(t.useEvents, "on-scene-hotClick", o);
+        });
+      }
+    }, g = c(t.basicOption.default.firstScene), $ = _(() => {
+      const o = [];
+      if (t.basicOption) {
+        const e = t.basicOption.scenes;
+        for (const r in e)
+          if (Object.prototype.hasOwnProperty.call(e, r)) {
+            const p = e[r];
+            o.push({ label: p.label, value: r, thumbnail: p.cover });
+          }
+      }
+      return o.sort((e, r) => {
+        const p = parseInt(e.value.replace("scene", "")), d = parseInt(r.value.replace("scene", ""));
+        return p - d;
+      });
+    });
+    ie(() => t.basicOption.default, () => {
+      V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
+    }, { deep: !0 });
+    const F = (o) => {
+      window.SHJSceneVrViewer && g.value !== o && (g.value = o, window.SHJSceneVrViewer.isLoaded() && (window.SHJSceneVrViewer.loadScene(o), V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate()));
+    }, J = c(), b = c(!0), Z = () => {
+      b.value ? J.value.style.bottom = "-999px" : J.value.style.bottom = "80px", b.value = !b.value;
+    };
+    re(() => {
+      t.basicOption && (t.basicOption.default.controls === void 0 && (t.basicOption.default.controls = i.value.controls), t.basicOption.default.audio === void 0 && (t.basicOption.default.audio = i.value.audio)), k(), te();
+    });
+    const K = () => {
+      window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() + 10);
+    }, q = () => {
+      window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() - 10);
+    }, Q = () => {
+      window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() - 10);
+    }, X = () => {
+      window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() + 10);
+    }, x = () => {
+      window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() - 10);
+    }, ee = () => {
+      window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() + 10);
+    }, y = c(!1), R = (o) => {
+      m.value && (o === "play" ? (m.value.play(), y.value = !1) : (m.value.pause(), y.value = !0));
+    }, oe = () => {
+      window.SHJSceneVrViewer.startAutoRotate();
+    };
+    let h;
+    const O = c(!1), te = () => {
+      t.basicOption.default.controls ? O.value = t.basicOption.default.controls.mouseTipShow : O.value = !0, h && clearTimeout(h), h = setTimeout(() => {
+        O.value = !1;
+      }, 3500);
+    };
+    return (o, e) => {
+      const r = A("el-tooltip"), p = A("el-scrollbar");
+      return s(), n("div", Ve, [
+        i.value ? (s(), n(L, { key: 0 }, [
+          P(a("div", be, null, 512), [
+            [j, i.value.sceneType === "image"]
+          ]),
+          P(a("div", ye, null, 512), [
+            [j, i.value.sceneType !== "image"]
+          ])
+        ], 64)) : l("", !0),
+        o.basicOption.default.controls ? (s(), n("div", ge, [
+          o.basicOption.default.controls.scene ? (s(), n("div", {
+            key: 0,
+            class: "btn-icon left",
+            style: E({ borderColor: b.value ? "#ff7d00" : "#ffffff3d" }),
+            onClick: Z
+          }, [
+            z(r, { content: "场景选择" }, {
+              default: D(() => e[2] || (e[2] = [
+                a("img", {
+                  src: le,
+                  alt: ""
+                }, null, -1)
+              ])),
+              _: 1
+            })
+          ], 4)) : l("", !0),
+          o.basicOption.default.controls.left ? (s(), n("div", {
+            key: 1,
+            class: "btn-icon left",
+            onClick: Q
+          }, e[3] || (e[3] = [
+            a("img", {
+              src: H,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          o.basicOption.default.controls.right ? (s(), n("div", {
+            key: 2,
+            class: "btn-icon right",
+            onClick: X
+          }, e[4] || (e[4] = [
+            a("img", {
+              src: H,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          o.basicOption.default.controls.top ? (s(), n("div", {
+            key: 3,
+            class: "btn-icon up",
+            onClick: K
+          }, e[5] || (e[5] = [
+            a("img", {
+              src: H,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          o.basicOption.default.controls.bottom ? (s(), n("div", {
+            key: 4,
+            class: "btn-icon down",
+            onClick: q
+          }, e[6] || (e[6] = [
+            a("img", {
+              src: H,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          o.basicOption.default.controls.magnify ? (s(), n("div", {
+            key: 5,
+            class: "btn-icon",
+            onClick: x
+          }, e[7] || (e[7] = [
+            a("img", {
+              src: ce,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          o.basicOption.default.controls.shrink ? (s(), n("div", {
+            key: 6,
+            class: "btn-icon",
+            onClick: ee
+          }, e[8] || (e[8] = [
+            a("img", {
+              src: me,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          y.value && u.value.src && o.basicOption.default.audio ? (s(), n("div", {
+            key: 7,
+            class: "btn-icon",
+            onClick: e[0] || (e[0] = (d) => R("play"))
+          }, e[9] || (e[9] = [
+            a("img", {
+              src: ue,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          !y.value && u.value.src && o.basicOption.default.audio ? (s(), n("div", {
+            key: 8,
+            class: "btn-icon",
+            onClick: e[1] || (e[1] = (d) => R("pause"))
+          }, e[10] || (e[10] = [
+            a("img", {
+              src: de,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0),
+          o.basicOption.default.controls.rotate ? (s(), n("div", {
+            key: 9,
+            class: "btn-icon",
+            onClick: oe
+          }, e[11] || (e[11] = [
+            a("img", {
+              src: ve,
+              alt: ""
+            }, null, -1)
+          ]))) : l("", !0)
+        ])) : l("", !0),
+        o.basicOption.default.controls ? (s(), n("div", {
+          key: 2,
+          ref_key: "sceneMenuRef",
+          ref: J,
+          class: "scene-menu",
+          style: E({ bottom: b.value && o.basicOption.default.controls.scene ? "80px" : "-9999999999999px" })
+        }, [
+          z(p, null, {
+            default: D(() => [
+              a("div", Oe, [
+                (s(!0), n(L, null, ne($.value, (d) => (s(), n("div", {
+                  key: d.value,
+                  class: "scene-item",
+                  style: E({ borderColor: g.value === d.value ? "#ff7d00" : "#fff" }),
+                  onClick: (Re) => F(d.value)
+                }, [
+                  a("img", {
+                    class: "thumbnail",
+                    src: d.thumbnail
+                  }, null, 8, ke),
+                  a("p", Je, se(d.label), 1)
+                ], 12, He))), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ], 4)) : l("", !0),
+        a("audio", {
+          ref_key: "audioRef",
+          ref: m,
+          autoplay: u.value.autoplay,
+          loop: u.value.loop,
+          volume: u.value.volume
+        }, [
+          a("source", {
+            src: u.value.src
+          }, null, 8, Ee)
+        ], 8, he),
+        O.value ? (s(), n("div", Te, e[12] || (e[12] = [
+          ae('<div class="icon-wrap" data-v-40ea83da><div class="left" data-v-40ea83da><i class="iconfont zv-drop-down" data-v-40ea83da></i></div><i class="iconfont zv-mouse" data-v-40ea83da></i><div class="right" data-v-40ea83da><i class="iconfont zv-drop-down" data-v-40ea83da></i></div></div><p class="title" data-v-40ea83da>左右拖动   更多精彩</p>', 2)
+        ]))) : l("", !0)
+      ]);
+    };
+  }
+});
+export {
+  dr as default
+};