@lingshugroup/web-plus 1.0.25 → 1.0.26

package/lib/packages/ls-components/components/live/Index.vue/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css         */;/* empty css         */const t=,/* empty css                                                        */u=t.default(e.default,[["__scopeId","data-v-d321e325"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css         */;/* empty css         */const t=,/* empty css                                                        */u=t.default(e.default,[["__scopeId","data-v-65eca385"]]);exports.default=u;

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

@@ -1,7 +1,7 @@
 import o from "./index2.js";
 /* empty css       */
 import t from "../../../../../_virtual/_plugin-vue_export-helper/index.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d321e325"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-65eca385"]]);
 export {
-  m as default
+  e as default
 };

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

@@ -1 +1 @@
-"use strict";var b=Object.defineProperty;var i=(d,p)=>b(d,"name",{value:p,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=,/* empty css                                */f=,/* empty css                                                                                  */g=;/* empty css               */;/* empty css                                                                                                                                            */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                               */const P=,/* empty css                                                                                       */A=,/* empty css                                                                                                                                              */C=e.defineComponent({name:"LSLive"}),M=e.defineComponent({...C,props:g.lsLiveProps,setup(d,{expose:p}){const l=d,E=e.useAttrs(),h=q.useNamespace("live").b(),s=e.ref(""),r=e.ref(0),t=e.ref(null),n=e.ref(),S=e.ref({autoplay:!0,controls:!0,muted:!0}),o=e.ref(E.autoplay);function v(){var a,u,m,L;r.value=0,t.value&&((a=t.value)==null||a.pause(),(u=t.value)==null||u.unload(),(m=t.value)==null||m.detachMediaElement(),(L=t.value)==null||L.destroy(),t.value=null)}i(v,"destoryPlayer");function _(){o.value&&t.value&&l.type==="flv"&&(t.value.on(f.default.Events.ERROR,()=>{v(),s.value&&c(s.value)}),t.value.on(f.default.Events.STATISTICS_INFO,function(a){const{decodedFrames:u}=a||{};if(r.value===0){r.value=u;return}r.value!=u?r.value=u:(v(),s.value&&c(s.value))}))}i(_,"listenPlayer");function c(a){var u;v(),f.default.isSupported()&&a?(s.value=a,t.value=f.default.createPlayer({type:l.type,isLive:l.isLive,hasAudio:l.hasAudio,hasVideo:l.hasVideo,url:a},{autoCleanupSourceBuffer:!0,enableWorker:!1,enableStashBuffer:!0,isLive:l.isLive,lazyLoad:!1}),t.value&&n.value&&(t.value.attachMediaElement(n.value),t.value.load(),o.value?t.value.play():(u=t.value)==null||u.pause(),_())):A.ElMessage.error("不支持播放视频")}i(c,"createPlayer");function y(){document.visibilityState==="visible"?s.value&&l.type==="flv"&&c(s.value):v()}return i(y,"updateVisibilityStatus"),e.onMounted(()=>{document.addEventListener("visibilitychange",y),n.value.addEventListener("play",()=>{o.value=!0}),n.value.addEventListener("pause",()=>{o.value=!1})}),e.onUnmounted(()=>{document.removeEventListener("visibilitychange",y)}),p({createPlayer:c}),(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h))},[e.createElementVNode("video",e.mergeProps(e.unref(P.default)(e.unref(S),a.$attrs),{width:"100%",class:"ls-video",ref_key:"lsLiveRef",ref:n}),null,16)],2))}});exports.default=M;
+"use strict";var q=Object.defineProperty;var i=(f,p)=>q(f,"name",{value:p,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=,/* empty css                                */d=,/* empty css                                                                                  */C=;/* empty css               */;/* empty css                                                                                                                                            */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                               */const M=,/* empty css                                                                                                                                              */P=["autoplay","controls","muted"],g=e.defineComponent({name:"LSLive"}),R=e.defineComponent({...g,props:C.lsLiveProps,setup(f,{expose:p}){const s=f,L=e.useAttrs(),S=A.useNamespace("live").b(),l=e.ref(""),n=e.ref(0),t=e.ref(null),o=e.ref(),y=e.ref({autoplay:!1,controls:!0,muted:!0}),v=e.ref(L.autoplay==null?!0:L.autoplay),m=e.computed(()=>s.type==="flv");function _(){var u,a,r,E;n.value=0,t.value&&((u=t.value)==null||u.pause(),(a=t.value)==null||a.unload(),(r=t.value)==null||r.detachMediaElement(),(E=t.value)==null||E.destroy(),t.value=null)}i(_,"destoryPlayer");function b(){v.value&&t.value&&m.value&&(t.value.on(d.default.Events.ERROR,()=>{l.value&&c(l.value)}),t.value.on(d.default.Events.STATISTICS_INFO,function(u){const{decodedFrames:a}=u||{};if(n.value===0){n.value=a;return}n.value!=a?n.value=a:l.value&&c(l.value)}))}i(b,"listenPlayer");async function c(u){var a,r;_(),d.default.isSupported()&&u?(l.value=u,t.value=d.default.createPlayer({type:s.type,isLive:s.isLive,hasAudio:s.hasAudio,hasVideo:s.hasVideo,url:u},{autoCleanupSourceBuffer:!0,enableWorker:!1,enableStashBuffer:!0,isLive:s.isLive,lazyLoad:!1}),t.value&&o.value&&(t.value.attachMediaElement(o.value),t.value.load(),v.value?(a=t.value)==null||a.play():(r=t.value)==null||r.pause(),b())):M.ElMessage.error("不支持播放视频")}i(c,"createPlayer");function h(){document.visibilityState==="visible"?l.value&&m.value&&c(l.value):m.value&&_()}return i(h,"updateVisibilityStatus"),e.onMounted(()=>{document.addEventListener("visibilitychange",h),o.value.addEventListener("play",()=>{v.value=!0}),o.value.addEventListener("pause",()=>{v.value=!1})}),e.onUnmounted(()=>{document.removeEventListener("visibilitychange",h)}),p({createPlayer:c}),(u,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S))},[e.createElementVNode("video",{autoplay:e.unref(y).autoplay,controls:e.unref(y).controls,muted:e.unref(y).muted,width:"100%",class:"ls-video",ref_key:"lsLiveRef",ref:o},null,8,P)],2))}});exports.default=R;

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

@@ -1,96 +1,98 @@
 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";
+var r = (p, m) => P(p, "name", { value: m, configurable: !0 });
+import { defineComponent as b, useAttrs as R, ref as o, computed as k, onMounted as B, onUnmounted as F, openBlock as M, createElementBlock as V, normalizeClass as g, unref as d, createElementVNode as x } 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 f 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 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({
+import { ElMessage as T } 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 = ["autoplay", "controls", "muted"], O = b({
   name: "LSLive"
-}), Q = /* @__PURE__ */ h({
-  ...z,
+}), U = /* @__PURE__ */ b({
+  ...O,
   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({
+  setup(p, { expose: m }) {
+    const u = p, h = R(), A = I("live").b(), l = o(""), s = o(0), e = o(null), n = o(), y = o({
       // 是否自动播放
-      autoplay: !0,
+      autoplay: !1,
       // 是否显示控制条
       controls: !0,
       // 是否静音
       muted: !0
-    }), 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);
+    }), v = o(h.autoplay == null ? !0 : h.autoplay), L = k(() => u.type === "flv");
+    function E() {
+      var t, a, i, S;
+      s.value = 0, e.value && ((t = e.value) == null || t.pause(), (a = e.value) == null || a.unload(), (i = e.value) == null || i.detachMediaElement(), (S = e.value) == null || S.destroy(), e.value = null);
     }
-    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;
+    r(E, "destoryPlayer");
+    function C() {
+      v.value && e.value && L.value && (e.value.on(f.Events.ERROR, () => {
+        l.value && c(l.value);
+      }), e.value.on(f.Events.STATISTICS_INFO, function(t) {
+        const { decodedFrames: a } = t || {};
+        if (s.value === 0) {
+          s.value = a;
           return;
         }
-        o.value != t ? o.value = t : (v(), s.value && f(s.value));
+        s.value != a ? s.value = a : l.value && c(l.value);
       }));
     }
-    r(A, "listenPlayer");
-    function f(a) {
-      var t;
-      v(), c.isSupported() && a ? (s.value = a, e.value = c.createPlayer(
+    r(C, "listenPlayer");
+    async function c(t) {
+      var a, i;
+      E(), f.isSupported() && t ? (l.value = t, e.value = f.createPlayer(
         {
-          type: l.type,
+          type: u.type,
           // 媒体类型，默认是 flv or mp4,
-          isLive: l.isLive,
+          isLive: u.isLive,
           // 是否是直播流
-          hasAudio: l.hasAudio,
+          hasAudio: u.hasAudio,
           // 是否有音频
-          hasVideo: l.hasVideo,
+          hasVideo: u.hasVideo,
           // 是否有视频
-          url: a
+          url: t
           // 流地址
         },
         {
           autoCleanupSourceBuffer: !0,
           enableWorker: !1,
           enableStashBuffer: !0,
-          isLive: l.isLive,
+          isLive: u.isLive,
           lazyLoad: !1
         }
-      ), 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("不支持播放视频");
+      ), e.value && n.value && (e.value.attachMediaElement(n.value), e.value.load(), v.value ? (a = e.value) == null || a.play() : (i = e.value) == null || i.pause(), C())) : T.error("不支持播放视频");
     }
-    r(f, "createPlayer");
-    function y() {
-      document.visibilityState === "visible" ? s.value && l.type === "flv" && f(s.value) : v();
+    r(c, "createPlayer");
+    function _() {
+      document.visibilityState === "visible" ? l.value && L.value && c(l.value) : L.value && E();
     }
-    return r(y, "updateVisibilityStatus"), C(() => {
-      document.addEventListener("visibilitychange", y), i.value.addEventListener("play", () => {
-        n.value = !0;
-      }), i.value.addEventListener("pause", () => {
-        n.value = !1;
+    return r(_, "updateVisibilityStatus"), B(() => {
+      document.addEventListener("visibilitychange", _), n.value.addEventListener("play", () => {
+        v.value = !0;
+      }), n.value.addEventListener("pause", () => {
+        v.value = !1;
       });
-    }), R(() => {
-      document.removeEventListener("visibilitychange", y);
-    }), p({
-      createPlayer: f
-    }), (a, t) => (k(), B("div", {
-      class: M(m(_))
+    }), F(() => {
+      document.removeEventListener("visibilitychange", _);
+    }), m({
+      createPlayer: c
+    }), (t, a) => (M(), V("div", {
+      class: g(d(A))
     }, [
-      V("video", F(m(T)(m(b), a.$attrs), {
+      x("video", {
+        autoplay: d(y).autoplay,
+        controls: d(y).controls,
+        muted: d(y).muted,
         width: "100%",
         class: "ls-video",
         ref_key: "lsLiveRef",
-        ref: i
-      }), null, 16)
+        ref: n
+      }, null, 8, z)
     ], 2));
   }
 });
 export {
-  Q as default
+  U as default
 };

package/package.json

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