@lingshugroup/web-plus 1.0.23 → 1.0.25

package/lib/packages/ls-components/components/live/Index.vue/index2.js

@@ -1,91 +1,96 @@
-var b = Object.defineProperty;
-var i = (c, f) => b(c, "name", { value: f, configurable: !0 });
-import { defineComponent as h, ref as u, onMounted as P, onUnmounted as g, openBlock as C, createElementBlock as R, normalizeClass as k, unref as m, createElementVNode as A, mergeProps as B } from "vue";
-import { useNamespace as M } from "../../_hooks/useNamespace/index.js";
-import v from "../../../../../node_modules/.pnpm/flv.js@1.6.2/node_modules/flv.js/dist/flv/index.js";
-import { lsLiveProps as V } from "../types/index.js";
+var P = Object.defineProperty;
+var r = (d, p) => P(d, "name", { value: p, configurable: !0 });
+import { defineComponent as h, useAttrs as g, ref as u, onMounted as C, onUnmounted as R, openBlock as k, createElementBlock as B, normalizeClass as M, unref as m, createElementVNode as V, mergeProps as F } from "vue";
+import { useNamespace as I } from "../../_hooks/useNamespace/index.js";
+import c from "../../../../../node_modules/.pnpm/flv.js@1.6.2/node_modules/flv.js/dist/flv/index.js";
+import { lsLiveProps as N } from "../types/index.js";
 /* empty css                                                                                                                                          */
 /* empty css                                                                                                                                           */
 /* empty css                                                                                                                                             */
-import F from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
-import { ElMessage as I } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/message/index/index.js";
-const N = h({
+import T from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
+import { ElMessage as x } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/message/index/index.js";
+const z = h({
   name: "LSLive"
-}), H = /* @__PURE__ */ h({
-  ...N,
-  props: V,
-  setup(c, { expose: f }) {
-    const a = c, E = M("live").b(), l = u(""), s = u(0), e = u(null), d = u(), S = u({
+}), Q = /* @__PURE__ */ h({
+  ...z,
+  props: N,
+  setup(d, { expose: p }) {
+    const l = d, S = g(), _ = I("live").b(), s = u(""), o = u(0), e = u(null), i = u(), b = u({
       // 是否自动播放
       autoplay: !0,
       // 是否显示控制条
       controls: !0,
       // 是否静音
       muted: !0
-    });
-    function r() {
-      var t, o, y, L;
-      s.value = 0, e.value && ((t = e.value) == null || t.pause(), (o = e.value) == null || o.unload(), (y = e.value) == null || y.detachMediaElement(), (L = e.value) == null || L.destroy(), e.value = null);
+    }), n = u(S.autoplay);
+    function v() {
+      var a, t, L, E;
+      o.value = 0, e.value && ((a = e.value) == null || a.pause(), (t = e.value) == null || t.unload(), (L = e.value) == null || L.detachMediaElement(), (E = e.value) == null || E.destroy(), e.value = null);
     }
-    i(r, "destoryPlayer");
-    function _() {
-      e.value && a.type === "flv" && (e.value.on(v.Events.ERROR, () => {
-        r(), l.value && n(l.value);
-      }), e.value.on(v.Events.STATISTICS_INFO, function(t) {
-        const { decodedFrames: o } = t || {};
-        if (s.value === 0) {
-          s.value = o;
+    r(v, "destoryPlayer");
+    function A() {
+      n.value && e.value && l.type === "flv" && (e.value.on(c.Events.ERROR, () => {
+        v(), s.value && f(s.value);
+      }), e.value.on(c.Events.STATISTICS_INFO, function(a) {
+        const { decodedFrames: t } = a || {};
+        if (o.value === 0) {
+          o.value = t;
           return;
         }
-        s.value != o ? s.value = o : (r(), l.value && n(l.value));
+        o.value != t ? o.value = t : (v(), s.value && f(s.value));
       }));
     }
-    i(_, "listenPlayer");
-    function n(t) {
-      r(), v.isSupported() && t ? (l.value = t, e.value = v.createPlayer(
+    r(A, "listenPlayer");
+    function f(a) {
+      var t;
+      v(), c.isSupported() && a ? (s.value = a, e.value = c.createPlayer(
         {
-          type: a.type,
+          type: l.type,
           // 媒体类型，默认是 flv or mp4,
-          isLive: a.isLive,
+          isLive: l.isLive,
           // 是否是直播流
-          hasAudio: a.hasAudio,
+          hasAudio: l.hasAudio,
           // 是否有音频
-          hasVideo: a.hasVideo,
+          hasVideo: l.hasVideo,
           // 是否有视频
-          url: t
+          url: a
           // 流地址
         },
         {
           autoCleanupSourceBuffer: !0,
           enableWorker: !1,
           enableStashBuffer: !0,
-          isLive: a.isLive,
+          isLive: l.isLive,
           lazyLoad: !1
         }
-      ), e.value && d.value && (e.value.attachMediaElement(d.value), e.value.load(), e.value.play(), _())) : I.error("不支持播放视频");
+      ), e.value && i.value && (e.value.attachMediaElement(i.value), e.value.load(), n.value ? e.value.play() : (t = e.value) == null || t.pause(), A())) : x.error("不支持播放视频");
     }
-    i(n, "createPlayer");
-    function p() {
-      document.visibilityState === "visible" ? l.value && a.type === "flv" && n(l.value) : r();
+    r(f, "createPlayer");
+    function y() {
+      document.visibilityState === "visible" ? s.value && l.type === "flv" && f(s.value) : v();
     }
-    return i(p, "updateVisibilityStatus"), P(() => {
-      document.addEventListener("visibilitychange", p);
-    }), g(() => {
-      document.removeEventListener("visibilitychange", p);
-    }), f({
-      createPlayer: n
-    }), (t, o) => (C(), R("div", {
-      class: k(m(E))
+    return r(y, "updateVisibilityStatus"), C(() => {
+      document.addEventListener("visibilitychange", y), i.value.addEventListener("play", () => {
+        n.value = !0;
+      }), i.value.addEventListener("pause", () => {
+        n.value = !1;
+      });
+    }), R(() => {
+      document.removeEventListener("visibilitychange", y);
+    }), p({
+      createPlayer: f
+    }), (a, t) => (k(), B("div", {
+      class: M(m(_))
     }, [
-      A("video", B(m(F)(m(S), t.$attrs), {
+      V("video", F(m(T)(m(b), a.$attrs), {
         width: "100%",
         class: "ls-video",
         ref_key: "lsLiveRef",
-        ref: d
+        ref: i
       }), null, 16)
     ], 2));
   }
 });
 export {
-  H as default
+  Q as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingshugroup/web-plus",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "零数科技前端UI组件库（Vue3）",
   "type": "module",
   "main": "./lib/index/index.cjs",