@shjjs/visual-ui 1.0.31 → 1.0.33

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

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

package/es/components/text/list/index.d.ts

@@ -17,10 +17,13 @@ export declare const ShjTextList: import("../../../commons/utils/typescript").SF
     };
 }, {
     props: any;
-    emits: (event: "on-click-item", ...args: any[]) => void;
+    emits: (event: "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", ...args: any[]) => void;
     scroll: import("vue").Ref<boolean>;
     listData: import("vue").Ref<any[]>;
     initSourceData: () => void;
+    handleClickRow: (row: any, rowIndex: any) => void;
+    handleMouseenterRow: (row: any, rowIndex: any) => void;
+    handleMouseOutRow: (row: any, rowIndex: any) => void;
     readonly Vue3SeamlessScroll: import("vue").DefineComponent<OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, {}>;
     readonly Utils: typeof import("../../../commons/utils/utils").Utils;
     CommonsText: import("vue").DefineComponent<{
@@ -45,7 +48,7 @@ export declare const ShjTextList: import("../../../commons/utils/typescript").SF
             required: true;
         };
     }>>, {}, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-click-item"[], "on-click-item", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-click-row" | "on-mouseenter-row" | "on-mouseout-row")[], "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     option: {
         type: any;
         required: true;
@@ -63,6 +66,8 @@ export declare const ShjTextList: import("../../../commons/utils/typescript").SF
         required: true;
     };
 }>> & {
-    "onOn-click-item"?: (...args: any[]) => any;
+    "onOn-click-row"?: (...args: any[]) => any;
+    "onOn-mouseenter-row"?: (...args: any[]) => any;
+    "onOn-mouseout-row"?: (...args: any[]) => any;
 }, {}, {}>> & Record<string, any>;
 export default ShjTextList;

package/es/components/text/list/index.vue.d.ts

@@ -18,10 +18,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     props: any;
-    emits: (event: "on-click-item", ...args: any[]) => void;
+    emits: (event: "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", ...args: any[]) => void;
     scroll: import("vue").Ref<boolean>;
     listData: import("vue").Ref<any[]>;
     initSourceData: () => void;
+    handleClickRow: (row: any, rowIndex: any) => void;
+    handleMouseenterRow: (row: any, rowIndex: any) => void;
+    handleMouseOutRow: (row: any, rowIndex: any) => void;
     readonly Vue3SeamlessScroll: import("vue").DefineComponent<OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, {}>;
     readonly Utils: typeof Utils;
     CommonsText: import("vue").DefineComponent<{
@@ -46,7 +49,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: true;
         };
     }>>, {}, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-click-item"[], "on-click-item", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-click-row" | "on-mouseenter-row" | "on-mouseout-row")[], "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     option: {
         type: any;
         required: true;
@@ -64,6 +67,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    "onOn-click-item"?: (...args: any[]) => any;
+    "onOn-click-row"?: (...args: any[]) => any;
+    "onOn-mouseenter-row"?: (...args: any[]) => any;
+    "onOn-mouseout-row"?: (...args: any[]) => any;
 }, {}, {}>;
 export default _sfc_main;