@shjjs/visual-ui 1.0.18 → 1.0.20

package/es/components/media-m3u8-dynamic/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as m, watch as p, createElementBlock as M, openBlock as _, unref as R, ref as r, onMounted as D } from "vue";
-import d from "hls.js";
-import { cloneDeep as l, isEqual as c } from "lodash";
-import { nanoid as T } from "nanoid";
-import { SHJDatasourceV2 as z } from "../../commons/core/datasource/index.mjs";
-const A = ["poster", "autoplay", "controls", "loop", "muted"], B = m({ name: "zv-media-m3u8-dynamic" }), N = /* @__PURE__ */ m({
-  ...B,
+import { defineComponent as E, watch as l, createElementBlock as D, openBlock as T, unref as H, ref as d, onMounted as z } from "vue";
+import u from "hls.js";
+import { cloneDeep as c, isEqual as m } from "lodash";
+import { nanoid as A } from "nanoid";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+import { SHJDatasourceV2 as B } from "../../commons/plugins/datasource/index.mjs";
+const I = ["poster", "autoplay", "controls", "loop", "muted"], J = E({ name: "zv-media-m3u8-dynamic" }), G = /* @__PURE__ */ E({
+  ...J,
   props: {
     basicOption: {},
     sources: {},
@@ -21,52 +22,52 @@ const A = ["poster", "autoplay", "controls", "loop", "muted"], B = m({ name: "zv
     "on-video-error",
     "on-video-volumechange"
   ],
-  setup(E, { expose: f, emit: y }) {
-    const e = E, w = () => {
-      const o = r(), n = r(""), O = r(T()), u = () => {
-        z.parse({
+  setup(f, { expose: y, emit: g }) {
+    const e = f, V = () => {
+      const o = d(), s = d(""), w = d(A()), p = () => {
+        B.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: v }) => {
             try {
-              if (window.SHJParseEvent(e.useEvents, "dataListener", v), n.value = v[0].data[0].src, n.value)
-                if (d.isSupported()) {
-                  const a = new d();
-                  a.loadSource(n.value), a.attachMedia(o.value), a.on(d.Events.MANIFEST_PARSED, () => {
+              if (n.parseEvents(e.useEvents, "dataListener", v), s.value = v[0].data[0].src, s.value)
+                if (u.isSupported()) {
+                  const r = new u();
+                  r.loadSource(s.value), r.attachMedia(o.value), r.on(u.Events.MANIFEST_PARSED, () => {
                     e.basicOption.autoplay && o.value.play();
                   });
-                } else o.value.canPlayType("application/vnd.apple.mpegurl") && (o.value.src = n.value);
+                } else o.value.canPlayType("application/vnd.apple.mpegurl") && (o.value.src = s.value);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null);
+              n.parseEvents(e.useEvents, "dataListener", null);
             }
           }
         });
       };
-      return D(() => u()), { key: O, videoRef: o, initM3u8Video: u };
-    }, { key: P, videoRef: i, initM3u8Video: t } = w();
-    p(() => l(e.basicOption), (o, n) => {
-      c(o, n) || t();
-    }, { deep: !0 }), p(() => l(e.sources), (o, n) => {
-      c(o, n) || t();
+      return z(() => p()), { key: w, videoRef: o, initM3u8Video: p };
+    }, { key: h, videoRef: i, initM3u8Video: a } = V();
+    l(() => c(e.basicOption), (o, s) => {
+      m(o, s) || a();
+    }, { deep: !0 }), l(() => c(e.sources), (o, s) => {
+      m(o, s) || a();
     }, { deep: !0 });
-    const s = y, g = () => {
-      s("on-video-progress"), window.SHJParseEvent(e.useEvents, "on-video-progress");
-    }, V = () => {
-      s("on-video-play"), window.SHJParseEvent(e.useEvents, "on-video-play");
-    }, S = () => {
-      s("on-video-pause"), window.SHJParseEvent(e.useEvents, "on-video-pause");
-    }, h = () => {
-      s("on-video-ended"), window.SHJParseEvent(e.useEvents, "on-video-ended");
-    }, H = () => {
-      s("on-video-playing"), window.SHJParseEvent(e.useEvents, "on-video-playing");
-    }, J = () => {
-      s("on-video-timeupdate"), window.SHJParseEvent(e.useEvents, "on-video-timeupdate");
+    const t = g, P = () => {
+      t("on-video-progress"), n.parseEvents(e.useEvents, "on-video-progress");
     }, b = () => {
-      s("on-video-error"), window.SHJParseEvent(e.useEvents, "on-video-error");
+      t("on-video-play"), n.parseEvents(e.useEvents, "on-video-play");
     }, k = () => {
-      s("on-video-volumechange"), window.SHJParseEvent(e.useEvents, "on-video-volumechange");
+      t("on-video-pause"), n.parseEvents(e.useEvents, "on-video-pause");
+    }, O = () => {
+      t("on-video-ended"), n.parseEvents(e.useEvents, "on-video-ended");
+    }, M = () => {
+      t("on-video-playing"), n.parseEvents(e.useEvents, "on-video-playing");
+    }, _ = () => {
+      t("on-video-timeupdate"), n.parseEvents(e.useEvents, "on-video-timeupdate");
+    }, S = () => {
+      t("on-video-error"), n.parseEvents(e.useEvents, "on-video-error");
+    }, R = () => {
+      t("on-video-volumechange"), n.parseEvents(e.useEvents, "on-video-volumechange");
     };
-    return f({
+    return y({
       /** 开始播放 */
       play: () => {
         i.value && i.value.play();
@@ -75,11 +76,11 @@ const A = ["poster", "autoplay", "controls", "loop", "muted"], B = m({ name: "zv
       pause: () => {
         i.value && i.value.pause();
       },
-      refresh: () => t(),
-      refreshView: () => t(),
-      refreshData: () => t()
-    }), (o, n) => (_(), M("video", {
-      key: R(P),
+      refresh: () => a(),
+      refreshView: () => a(),
+      refreshData: () => a()
+    }), (o, s) => (T(), D("video", {
+      key: H(h),
       ref_key: "videoRef",
       ref: i,
       class: "zerov-widget",
@@ -88,17 +89,17 @@ const A = ["poster", "autoplay", "controls", "loop", "muted"], B = m({ name: "zv
       controls: o.basicOption.controls,
       loop: o.basicOption.loop,
       muted: o.basicOption.muted,
-      onProgress: g,
-      onPlay: V,
-      onEnded: h,
-      onPlaying: H,
-      onPause: S,
-      onTimeupdate: J,
-      onError: b,
-      onVolumechange: k
-    }, null, 40, A));
+      onProgress: P,
+      onPlay: b,
+      onEnded: O,
+      onPlaying: M,
+      onPause: k,
+      onTimeupdate: _,
+      onError: S,
+      onVolumechange: R
+    }, null, 40, I));
   }
 });
 export {
-  N as default
+  G as default
 };

package/es/components/media-video/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9caab71f"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c69fb493"]]);
 export {
   f as default
 };

package/es/components/media-video/index.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent as d, ref as i, createElementBlock as P, openBlock as g } from "vue";
-import { nanoid as f } from "nanoid";
-const V = ["poster", "autoplay", "controls", "loop", "muted", "src"], H = d({ name: "zv-media-video" }), h = /* @__PURE__ */ d({
-  ...H,
+import { defineComponent as a, ref as t, createElementBlock as P, openBlock as V } from "vue";
+import { nanoid as b } from "nanoid";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const h = ["poster", "autoplay", "controls", "loop", "muted", "src"], O = a({ name: "zv-media-video" }), R = /* @__PURE__ */ a({
+  ...O,
   props: {
     basicOption: {},
     sources: {},
@@ -17,55 +18,55 @@ const V = ["poster", "autoplay", "controls", "loop", "muted", "src"], H = d({ na
     "on-video-error",
     "on-video-volumechange"
   ],
-  setup(t, { expose: a, emit: r }) {
-    const e = t, v = i(f()), s = i(), o = r, p = () => {
-      o("on-video-progress"), window.SHJParseEvent(e.useEvents, "on-video-progress");
-    }, u = () => {
-      o("on-video-play"), window.SHJParseEvent(e.useEvents, "on-video-play");
+  setup(d, { expose: r, emit: p }) {
+    const e = d, v = t(b()), i = t(), o = p, u = () => {
+      o("on-video-progress"), n.parseEvents(e.useEvents, "on-video-progress");
     }, l = () => {
-      o("on-video-pause"), window.SHJParseEvent(e.useEvents, "on-video-pause");
+      o("on-video-play"), n.parseEvents(e.useEvents, "on-video-play");
     }, c = () => {
-      o("on-video-ended"), window.SHJParseEvent(e.useEvents, "on-video-ended");
+      o("on-video-pause"), n.parseEvents(e.useEvents, "on-video-pause");
     }, m = () => {
-      o("on-video-playing"), window.SHJParseEvent(e.useEvents, "on-video-playing");
+      o("on-video-ended"), n.parseEvents(e.useEvents, "on-video-ended");
     }, E = () => {
-      o("on-video-timeupdate"), window.SHJParseEvent(e.useEvents, "on-video-timeupdate");
+      o("on-video-playing"), n.parseEvents(e.useEvents, "on-video-playing");
     }, y = () => {
-      o("on-video-error"), window.SHJParseEvent(e.useEvents, "on-video-error");
-    }, w = () => {
-      o("on-video-volumechange"), window.SHJParseEvent(e.useEvents, "on-video-volumechange");
+      o("on-video-timeupdate"), n.parseEvents(e.useEvents, "on-video-timeupdate");
+    }, g = () => {
+      o("on-video-error"), n.parseEvents(e.useEvents, "on-video-error");
+    }, f = () => {
+      o("on-video-volumechange"), n.parseEvents(e.useEvents, "on-video-volumechange");
     };
-    return a({
+    return r({
       /** 开始播放 */
       play: () => {
-        s.value && s.value.play();
+        i.value && i.value.play();
       },
       /** 暂停播放 */
       pause: () => {
-        s.value && s.value.pause();
+        i.value && i.value.pause();
       }
-    }), (n, J) => (g(), P("video", {
+    }), (s, k) => (V(), P("video", {
       ref_key: "videoRef",
-      ref: s,
+      ref: i,
       key: v.value,
-      poster: n.basicOption.poster,
-      autoplay: n.basicOption.autoplay,
-      controls: n.basicOption.controls,
-      loop: n.basicOption.loop,
-      muted: n.basicOption.muted,
+      poster: s.basicOption.poster,
+      autoplay: s.basicOption.autoplay,
+      controls: s.basicOption.controls,
+      loop: s.basicOption.loop,
+      muted: s.basicOption.muted,
       class: "zerov-widget-video",
-      src: n.basicOption.src,
-      onProgress: p,
-      onPlay: u,
-      onEnded: c,
-      onPlaying: m,
-      onPause: l,
-      onTimeupdate: E,
-      onError: y,
-      onVolumechange: w
-    }, null, 40, V));
+      src: s.basicOption.src,
+      onProgress: u,
+      onPlay: l,
+      onEnded: m,
+      onPlaying: E,
+      onPause: c,
+      onTimeupdate: y,
+      onError: g,
+      onVolumechange: f
+    }, null, 40, h));
   }
 });
 export {
-  h as default
+  R as default
 };

package/es/components/media-video-dynamic/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-286203c9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fb3135d9"]]);
 export {
   m as default
 };

package/es/components/media-video-dynamic/index.vue2.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as v, watch as S, ref as r, createElementBlock as k, openBlock as b, unref as u, onMounted as O, nextTick as _ } from "vue";
-import { nanoid as D } from "nanoid";
-import { cloneDeep as T, isEqual as z } from "lodash";
-import { SHJDatasourceV2 as B } from "../../commons/core/datasource/index.mjs";
-const L = ["poster", "autoplay", "controls", "loop", "muted", "src"], R = v({ name: "zv-media-video-dynamic" }), A = /* @__PURE__ */ v({
-  ...R,
+import { defineComponent as v, watch as D, ref as a, createElementBlock as w, openBlock as T, unref as u, onMounted as z, nextTick as B } from "vue";
+import { nanoid as H } from "nanoid";
+import { cloneDeep as J, isEqual as L } from "lodash";
+import { SHJDatasourceV2 as R } from "../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const S = ["poster", "autoplay", "controls", "loop", "muted", "src"], q = v({ name: "zv-media-video-dynamic" }), G = /* @__PURE__ */ v({
+  ...q,
   props: {
     basicOption: {},
     sources: {},
@@ -20,77 +21,77 @@ const L = ["poster", "autoplay", "controls", "loop", "muted", "src"], R = v({ na
     "on-video-error",
     "on-video-volumechange"
   ],
-  setup(c, { expose: p, emit: l }) {
-    const e = c, m = () => {
-      const o = r(""), t = r(D()), a = () => {
-        B.parse({
+  setup(c, { expose: l, emit: m }) {
+    const e = c, E = () => {
+      const o = a(""), r = a(H()), d = () => {
+        R.parse({
           tId: e.uuid,
           sources: e.sources,
-          callback: ({ data: d }) => {
+          callback: ({ data: p }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", d), o.value = d[0].data[0].src;
+              n.parseEvents(e.useEvents, "dataListener", p), o.value = p[0].data[0].src;
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null);
+              n.parseEvents(e.useEvents, "dataListener", null);
             }
           }
         });
       };
-      return O(() => _(() => a())), { init: a, src: o, key: t };
-    }, { init: i, src: E, key: y } = m();
-    S(() => T(e.sources), (o, t) => {
-      z(o, t) || i();
+      return z(() => B(() => d())), { init: d, src: o, key: r };
+    }, { init: i, src: y, key: f } = E();
+    D(() => J(e.sources), (o, r) => {
+      L(o, r) || i();
     }, { deep: !0 });
-    const s = r(), n = l, w = () => {
-      n("on-video-progress"), window.SHJParseEvent(e.useEvents, "on-video-progress");
-    }, f = () => {
-      n("on-video-play"), window.SHJParseEvent(e.useEvents, "on-video-play");
-    }, P = () => {
-      n("on-video-pause"), window.SHJParseEvent(e.useEvents, "on-video-pause");
-    }, g = () => {
-      n("on-video-ended"), window.SHJParseEvent(e.useEvents, "on-video-ended");
+    const t = a(), s = m, g = () => {
+      s("on-video-progress"), n.parseEvents(e.useEvents, "on-video-progress");
     }, V = () => {
-      n("on-video-playing"), window.SHJParseEvent(e.useEvents, "on-video-playing");
+      s("on-video-play"), n.parseEvents(e.useEvents, "on-video-play");
     }, h = () => {
-      n("on-video-timeupdate"), window.SHJParseEvent(e.useEvents, "on-video-timeupdate");
-    }, H = () => {
-      n("on-video-error"), window.SHJParseEvent(e.useEvents, "on-video-error");
-    }, J = () => {
-      n("on-video-volumechange"), window.SHJParseEvent(e.useEvents, "on-video-volumechange");
+      s("on-video-pause"), n.parseEvents(e.useEvents, "on-video-pause");
+    }, P = () => {
+      s("on-video-ended"), n.parseEvents(e.useEvents, "on-video-ended");
+    }, k = () => {
+      s("on-video-playing"), n.parseEvents(e.useEvents, "on-video-playing");
+    }, b = () => {
+      s("on-video-timeupdate"), n.parseEvents(e.useEvents, "on-video-timeupdate");
+    }, O = () => {
+      s("on-video-error"), n.parseEvents(e.useEvents, "on-video-error");
+    }, _ = () => {
+      s("on-video-volumechange"), n.parseEvents(e.useEvents, "on-video-volumechange");
     };
-    return p({
+    return l({
       /** 开始播放 */
       play: () => {
-        s.value && s.value.play();
+        t.value && t.value.play();
       },
       /** 暂停播放 */
       pause: () => {
-        s.value && s.value.pause();
+        t.value && t.value.pause();
       },
       refresh: () => i(),
       refreshView: () => i(),
       refreshData: () => i()
-    }), (o, t) => (b(), k("video", {
+    }), (o, r) => (T(), w("video", {
       ref_key: "videoRef",
-      ref: s,
-      key: u(y),
+      ref: t,
+      key: u(f),
       poster: o.basicOption.poster,
       autoplay: o.basicOption.autoplay,
       controls: o.basicOption.controls,
       loop: o.basicOption.loop,
       muted: o.basicOption.muted,
       class: "zerov-widget-video",
-      src: u(E),
-      onProgress: w,
-      onPlay: f,
-      onEnded: g,
-      onPlaying: V,
-      onPause: P,
-      onTimeupdate: h,
-      onError: H,
-      onVolumechange: J
-    }, null, 40, L));
+      src: u(y),
+      onProgress: g,
+      onPlay: V,
+      onEnded: P,
+      onPlaying: k,
+      onPause: h,
+      onTimeupdate: b,
+      onError: O,
+      onVolumechange: _
+    }, null, 40, S));
   }
 });
 export {
-  A as default
+  G as default
 };

package/es/components/scene-amap2d/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-83f29823"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-67e74be1"]]);
 export {
   m as default
 };