@shjjs/visual-ui 1.0.37 → 1.0.39

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

@@ -1,14 +1,14 @@
-import { defineComponent as N, ref as l, computed as L, watch as re, onMounted as ne, resolveComponent as P, createElementBlock as n, openBlock as s, createCommentVNode as p, createElementVNode as a, Fragment as I, withDirectives as j, vShow as z, normalizeStyle as T, createVNode as D, withCtx as M, renderList as se, toDisplayString as ae, createStaticVNode as ce, nextTick as pe, pushScopeId as le, popScopeId as me } from "vue";
-import ue from "./resources/zv-vr-select.svg.mjs";
+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 de from "./resources/zv-add.svg.mjs";
-import ve from "./resources/zv-reduce.svg.mjs";
-import we from "./resources/zv-play.svg.mjs";
-import fe from "./resources/zv-pause.svg.mjs";
-import Se from "./resources/zv-refresh.svg.mjs";
-import C from "hls.js";
-import { isArray as Ve, debounce as be, cloneDeep as B } from "lodash";
-import { useRoute as he } from "vue-router";
+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";
@@ -189,75 +189,26 @@ 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 S } from "../../plugins/event/index.mjs";
-const m = (V) => (le("data-v-e9509435"), V = V(), me(), V), _e = { class: "vr-scene-wrap" }, ye = {
+import { SHJParseEvent as f } from "../../plugins/event/index.mjs";
+const Ve = { class: "vr-scene-wrap" }, be = {
   id: "panorama",
   class: "vr-scene"
-}, ge = {
+}, ye = {
   id: "panorama-video-wrap",
   class: "vr-scene-main"
-}, Oe = {
+}, ge = {
   key: 1,
   class: "vr-scene-controls"
-}, He = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: ue,
-  alt: ""
-}, null, -1)), ke = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: H,
-  alt: ""
-}, null, -1)), Je = [
-  ke
-], Ee = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: H,
-  alt: ""
-}, null, -1)), Te = [
-  Ee
-], Ce = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: H,
-  alt: ""
-}, null, -1)), Re = [
-  Ce
-], Ae = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: H,
-  alt: ""
-}, null, -1)), Le = [
-  Ae
-], Pe = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: de,
-  alt: ""
-}, null, -1)), Ie = [
-  Pe
-], je = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: ve,
-  alt: ""
-}, null, -1)), ze = [
-  je
-], De = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: we,
-  alt: ""
-}, null, -1)), Me = [
-  De
-], Be = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: fe,
-  alt: ""
-}, null, -1)), Ne = [
-  Be
-], Ge = /* @__PURE__ */ m(() => /* @__PURE__ */ a("img", {
-  src: Se,
-  alt: ""
-}, null, -1)), We = [
-  Ge
-], Ye = { class: "scene-list" }, Ue = ["onClick"], $e = ["src"], Fe = { class: "label" }, Ze = ["autoplay", "loop", "volume"], Ke = ["src"], qe = {
+}, Oe = { class: "scene-list" }, He = ["onClick"], ke = ["src"], Je = { class: "label" }, he = ["autoplay", "loop", "volume"], Ee = ["src"], Te = {
   key: 3,
   class: "mouse-tip"
-}, Qe = /* @__PURE__ */ ce('<div class="icon-wrap" data-v-e9509435><div class="left" data-v-e9509435><i class="iconfont zv-drop-down" data-v-e9509435></i></div><i class="iconfont zv-mouse" data-v-e9509435></i><div class="right" data-v-e9509435><i class="iconfont zv-drop-down" data-v-e9509435></i></div></div><p class="title" data-v-e9509435>左右拖动   更多精彩</p>', 2), Xe = [
-  Qe
-], xe = N({ name: "zv-scene-vr" }), jr = /* @__PURE__ */ N({
-  ...xe,
+}, Ce = M({ name: "zv-scene-vr" }), dr = /* @__PURE__ */ M({
+  ...Ce,
   props: {
     basicOption: {},
     sources: {},
@@ -271,16 +222,16 @@ const m = (V) => (le("data-v-e9509435"), V = V(), me(), V), _e = { class: "vr-sc
     "on-scene-zooming",
     "on-scene-hotClick"
   ],
-  setup(V, { emit: G }) {
-    const W = he(), o = V, b = G;
-    S.parseEvents(o.useEvents, "on-page-loaded", null);
-    const u = l(), d = l({ src: "", autoplay: !0, loop: !0, volume: 50 }), w = l(null), Y = l(o.basicOption.default.firstScene), f = l(Y.value), t = L(() => {
+  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 o.basicOption.scenes[f.value];
+        return t.basicOption.scenes[w.value];
       } catch {
         return null;
       }
-    }), R = {
+    }), C = {
       bylineLabel: "来自 %s",
       noPanoramaError: "未指定全景图像。",
       fileAccessError: "The file %s could not be accessed.",
@@ -289,17 +240,17 @@ const m = (V) => (le("data-v-e9509435"), V = V(), me(), V), _e = { class: "vr-sc
       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: "未知错误。检查开发人员控制台。"
-    }, U = () => {
-      const e = o.basicOption;
+    }, Y = () => {
+      const o = t.basicOption;
       window.SHJSceneVrViewer = window.pannellum.viewer("panorama", {
-        ...e,
-        default: Object.assign(B(e.default), { firstScene: f.value }),
-        strings: R
+        ...o,
+        default: Object.assign(I(o.default), { firstScene: w.value }),
+        strings: C
       });
-    }, $ = () => {
-      const e = () => {
-        const c = document.getElementById("panorama-video-wrap");
-        c.innerHTML = `
+    }, U = () => {
+      const o = () => {
+        const p = document.getElementById("panorama-video-wrap");
+        p.innerHTML = `
             <video
                 id="panorama-video"
                 autoplay
@@ -311,232 +262,282 @@ const m = (V) => (le("data-v-e9509435"), V = V(), me(), V), _e = { class: "vr-sc
             </video>
         `;
       };
-      w.value && (w.value.dispose(), w.value = null, e()), w.value || e();
-      const i = document.getElementById("panorama-video"), r = o.basicOption;
-      if (w.value = window.videojs(i, {
+      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: {
-            ...o.basicOption,
-            default: Object.assign(B(r.default), { firstScene: f.value }),
-            strings: R
+            ...t.basicOption,
+            default: Object.assign(I(r.default), { firstScene: w.value }),
+            strings: C
           }
         }
-      }), window.SHJSceneVrViewer = w.value.pnlmViewer, t.value.sceneType === "video" && (i.src = t.value.panorama), t.value.sceneType === "hls")
-        if (C.isSupported()) {
-          const c = new C();
-          c.loadSource(t.value.panorama), c.attachMedia(i), c.on(C.Events.MANIFEST_PARSED, () => {
-            i.play();
+      }), 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 i.canPlayType("application/vnd.apple.mpegurl") && (i.src = t.value.panorama);
-    }, h = W.path.includes("designer-vr"), k = () => {
-      if (window.pannellum && o.basicOption) {
-        window.SHJSceneVrViewer && (window.SHJSceneVrViewer.destroy(), window.SHJSceneVrViewer = null), t.value.sceneType === "image" ? U() : $();
+        } 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 {
-          o.basicOption.scenes[window.SHJSceneVrViewer.getScene()] && (d.value = o.basicOption.default.audio, u.value && d.value && (window.SHJSceneVrViewer.audio = u, u.value.src = d.value.src, setTimeout(() => {
-            u.value && (y.value = u.value.paused);
+          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", () => {
-          b("on-scene-loaded", t.value), S.parseEvents(o.useEvents, "on-scene-loaded", t.value);
-        }), h || o.basicOption.default.autoRotate === 0 ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
+          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 e in o.basicOption.scenes)
-              Object.prototype.hasOwnProperty.call(o.basicOption.scenes, e) && o.basicOption.scenes[e].hotSpots.forEach(async (r) => {
+            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 = h, window.SHJSceneVrViewer.removeHotSpot(r.id, e), window.SHJSceneVrViewer.addHotSpot(r, e);
+                  r.draggable = V, window.SHJSceneVrViewer.removeHotSpot(r.id, o), window.SHJSceneVrViewer.addHotSpot(r, o);
                 }, 100);
               });
           }();
         } catch {
         }
-        window.SHJSceneVrViewer.on("scenechange", (e) => {
-          const i = document.getElementsByTagName("video");
-          if (Ve(i) && i.length > 0 && i.forEach((r) => {
+        window.SHJSceneVrViewer.on("scenechange", (o) => {
+          const e = document.getElementsByTagName("video");
+          if (we(e) && e.length > 0 && e.forEach((r) => {
             r && r.pause();
-          }), t.value) {
-            const r = t.value.sceneType;
-            f.value = e;
-            const c = t.value.sceneType;
+          }), i.value) {
+            const r = i.value.sceneType;
+            w.value = o;
+            const p = i.value.sceneType;
             setTimeout(() => {
-              (c !== "image" || r !== "image" && c === "image") && k(), g.value = f.value, b("on-scene-scenechange", t.value), S.parseEvents(o.useEvents, "on-scene-scenechange", t.value);
-            }), h ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
+              (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
-            f.value = o.basicOption.default.firstScene, pe(() => {
-              k(), b("on-scene-scenechange", t.value), S.parseEvents(o.useEvents, "on-scene-scenechange", t.value);
+            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", be((e) => {
-          b("on-scene-zooming", t.value), S.parseEvents(o.useEvents, "on-scene-zooming", t.value);
-        }, 300)), window.SHJSceneVrViewer.on("hot-click", (e) => {
-          b("on-scene-hotClick", e), S.parseEvents(o.useEvents, "on-scene-hotClick", e);
+        }), 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 = l(o.basicOption.default.firstScene), F = L(() => {
-      const e = [];
-      if (o.basicOption) {
-        const i = o.basicOption.scenes;
-        for (const r in i)
-          if (Object.prototype.hasOwnProperty.call(i, r)) {
-            const c = i[r];
-            e.push({ label: c.label, value: r, thumbnail: c.cover });
+    }, 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 e.sort((i, r) => {
-        const c = parseInt(i.value.replace("scene", "")), v = parseInt(r.value.replace("scene", ""));
-        return c - v;
+      return o.sort((e, r) => {
+        const p = parseInt(e.value.replace("scene", "")), d = parseInt(r.value.replace("scene", ""));
+        return p - d;
       });
     });
-    re(() => o.basicOption.default, () => {
-      h ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
+    ie(() => t.basicOption.default, () => {
+      V ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate();
     }, { deep: !0 });
-    const Z = (e) => {
-      window.SHJSceneVrViewer && g.value !== e && (g.value = e, window.SHJSceneVrViewer.isLoaded() && (window.SHJSceneVrViewer.loadScene(e), h ? window.SHJSceneVrViewer.stopAutoRotate() : window.SHJSceneVrViewer.startAutoRotate()));
-    }, J = l(), _ = l(!0), K = () => {
-      _.value ? J.value.style.bottom = "-999px" : J.value.style.bottom = "80px", _.value = !_.value;
+    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;
     };
-    ne(() => {
-      o.basicOption && (o.basicOption.default.controls === void 0 && (o.basicOption.default.controls = t.value.controls), o.basicOption.default.audio === void 0 && (o.basicOption.default.audio = t.value.audio)), k(), ie();
+    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 q = () => {
+    const K = () => {
       window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() + 10);
-    }, Q = () => {
+    }, q = () => {
       window.SHJSceneVrViewer.setPitch(window.SHJSceneVrViewer.getPitch() - 10);
-    }, X = () => {
+    }, Q = () => {
       window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() - 10);
-    }, x = () => {
+    }, X = () => {
       window.SHJSceneVrViewer.setYaw(window.SHJSceneVrViewer.getYaw() + 10);
-    }, ee = () => {
+    }, x = () => {
       window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() - 10);
-    }, oe = () => {
+    }, ee = () => {
       window.SHJSceneVrViewer.setHfov(window.SHJSceneVrViewer.getHfov() + 10);
-    }, y = l(!1), A = (e) => {
-      u.value && (e === "play" ? (u.value.play(), y.value = !1) : (u.value.pause(), y.value = !0));
-    }, te = () => {
+    }, 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 E;
-    const O = l(!1), ie = () => {
-      o.basicOption.default.controls ? O.value = o.basicOption.default.controls.mouseTipShow : O.value = !0, E && clearTimeout(E), E = setTimeout(() => {
+    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 (e, i) => {
-      const r = P("el-tooltip"), c = P("el-scrollbar");
-      return s(), n("div", _e, [
-        t.value ? (s(), n(I, { key: 0 }, [
-          j(a("div", ye, null, 512), [
-            [z, t.value.sceneType === "image"]
+    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"]
           ]),
-          j(a("div", ge, null, 512), [
-            [z, t.value.sceneType !== "image"]
+          P(a("div", ye, null, 512), [
+            [j, i.value.sceneType !== "image"]
           ])
-        ], 64)) : p("", !0),
-        e.basicOption.default.controls ? (s(), n("div", Oe, [
-          e.basicOption.default.controls.scene ? (s(), n("div", {
+        ], 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: T({ borderColor: _.value ? "#ff7d00" : "#ffffff3d" }),
-            onClick: K
+            style: E({ borderColor: b.value ? "#ff7d00" : "#ffffff3d" }),
+            onClick: Z
           }, [
-            D(r, { content: "场景选择" }, {
-              default: M(() => [
-                He
-              ]),
+            z(r, { content: "场景选择" }, {
+              default: D(() => e[2] || (e[2] = [
+                a("img", {
+                  src: le,
+                  alt: ""
+                }, null, -1)
+              ])),
               _: 1
             })
-          ], 4)) : p("", !0),
-          e.basicOption.default.controls.left ? (s(), n("div", {
+          ], 4)) : l("", !0),
+          o.basicOption.default.controls.left ? (s(), n("div", {
             key: 1,
             class: "btn-icon left",
-            onClick: X
-          }, Je)) : p("", !0),
-          e.basicOption.default.controls.right ? (s(), n("div", {
+            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
-          }, Te)) : p("", !0),
-          e.basicOption.default.controls.top ? (s(), n("div", {
+            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: q
-          }, Re)) : p("", !0),
-          e.basicOption.default.controls.bottom ? (s(), n("div", {
+            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
-          }, Le)) : p("", !0),
-          e.basicOption.default.controls.magnify ? (s(), n("div", {
+            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: ee
-          }, Ie)) : p("", !0),
-          e.basicOption.default.controls.shrink ? (s(), n("div", {
+            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: oe
-          }, ze)) : p("", !0),
-          y.value && d.value.src && e.basicOption.default.audio ? (s(), n("div", {
+            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: i[0] || (i[0] = (v) => A("play"))
-          }, Me)) : p("", !0),
-          !y.value && d.value.src && e.basicOption.default.audio ? (s(), n("div", {
+            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: i[1] || (i[1] = (v) => A("pause"))
-          }, Ne)) : p("", !0),
-          e.basicOption.default.controls.rotate ? (s(), n("div", {
+            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: te
-          }, We)) : p("", !0)
-        ])) : p("", !0),
-        e.basicOption.default.controls ? (s(), n("div", {
+            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: T({ bottom: _.value && e.basicOption.default.controls.scene ? "80px" : "-9999999999999px" })
+          style: E({ bottom: b.value && o.basicOption.default.controls.scene ? "80px" : "-9999999999999px" })
         }, [
-          D(c, null, {
-            default: M(() => [
-              a("div", Ye, [
-                (s(!0), n(I, null, se(F.value, (v) => (s(), n("div", {
-                  key: v.value,
+          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: T({ borderColor: g.value === v.value ? "#ff7d00" : "#fff" }),
-                  onClick: (eo) => Z(v.value)
+                  style: E({ borderColor: g.value === d.value ? "#ff7d00" : "#fff" }),
+                  onClick: (Re) => F(d.value)
                 }, [
                   a("img", {
                     class: "thumbnail",
-                    src: v.thumbnail
-                  }, null, 8, $e),
-                  a("p", Fe, ae(v.label), 1)
-                ], 12, Ue))), 128))
+                    src: d.thumbnail
+                  }, null, 8, ke),
+                  a("p", Je, se(d.label), 1)
+                ], 12, He))), 128))
               ])
             ]),
             _: 1
           })
-        ], 4)) : p("", !0),
+        ], 4)) : l("", !0),
         a("audio", {
           ref_key: "audioRef",
-          ref: u,
-          autoplay: d.value.autoplay,
-          loop: d.value.loop,
-          volume: d.value.volume
+          ref: m,
+          autoplay: u.value.autoplay,
+          loop: u.value.loop,
+          volume: u.value.volume
         }, [
           a("source", {
-            src: d.value.src
-          }, null, 8, Ke)
-        ], 8, Ze),
-        O.value ? (s(), n("div", qe, Xe)) : p("", !0)
+            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 {
-  jr as default
+  dr as default
 };