mtxt-ui3 0.0.31 → 0.0.33

package/dist/components/index.cjs

@@ -6497,6 +6497,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = vue.ref(null);
     this.init(opt);
   }
   opt;
@@ -6536,7 +6537,7 @@ class WebRtcMt$1 {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -6560,9 +6561,6 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -6636,7 +6634,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -6709,7 +6707,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    const play = vue.ref(null);
+    let play = vue.reactive(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -6730,19 +6728,19 @@ const VideoPlayerV2 = vue.defineComponent({
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
-      if (play.value) {
-        play.value.stopPlay(`videoPlayer_${uuid}`);
+      if (play) {
+        play.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play.value = null;
+      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play.value = new WebRtcMt$1({
+      play = vue.reactive(new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -6754,7 +6752,7 @@ const VideoPlayerV2 = vue.defineComponent({
           cameraStream: camera.streamType,
           addRtspProxyUrl: url
         }
-      });
+      }));
     };
     const releaseUrl = vue.ref("");
     const release = async () => {
@@ -6810,11 +6808,11 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
-    vue.watch(() => play.value?.player, nval => {
+    vue.watch(() => play?.p_player, nval => {
       if (nval) {
-        console.info("player ===> ", nval);
+        console.info("p_player ===> ", nval);
       } else {
-        console.log("player ===> add 500000000!");
+        console.log("p_player ===> add 500000000!");
         stopPlay();
         getVideoDetail(_prop.camera);
       }

package/dist/components/index.js

@@ -6487,6 +6487,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = ref(null);
     this.init(opt);
   }
   opt;
@@ -6526,7 +6527,7 @@ class WebRtcMt$1 {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -6550,9 +6551,6 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -6626,7 +6624,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -6699,7 +6697,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    const play = ref(null);
+    let play = reactive(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -6720,19 +6718,19 @@ const VideoPlayerV2 = defineComponent({
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
-      if (play.value) {
-        play.value.stopPlay(`videoPlayer_${uuid}`);
+      if (play) {
+        play.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play.value = null;
+      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play.value = new WebRtcMt$1({
+      play = reactive(new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -6744,7 +6742,7 @@ const VideoPlayerV2 = defineComponent({
           cameraStream: camera.streamType,
           addRtspProxyUrl: url
         }
-      });
+      }));
     };
     const releaseUrl = ref("");
     const release = async () => {
@@ -6800,11 +6798,11 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
-    watch(() => play.value?.player, nval => {
+    watch(() => play?.p_player, nval => {
       if (nval) {
-        console.info("player ===> ", nval);
+        console.info("p_player ===> ", nval);
       } else {
-        console.log("player ===> add 500000000!");
+        console.log("p_player ===> add 500000000!");
         stopPlay();
         getVideoDetail(_prop.camera);
       }

package/dist/hooks/index.cjs

@@ -5907,6 +5907,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = vue.ref(null);
     this.init(opt);
   }
   opt;
@@ -5946,7 +5947,7 @@ class WebRtcMt {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -5970,9 +5971,6 @@ class WebRtcMt {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -6046,7 +6044,7 @@ class WebRtcMt {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放

package/dist/hooks/index.js

@@ -5898,6 +5898,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = ref(null);
     this.init(opt);
   }
   opt;
@@ -5937,7 +5938,7 @@ class WebRtcMt {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -5961,9 +5962,6 @@ class WebRtcMt {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -6037,7 +6035,7 @@ class WebRtcMt {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放

package/dist/index.cjs

@@ -21,7 +21,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var zhCN__default = /*#__PURE__*/_interopDefaultLegacy(zhCN);
 
-var version = "0.0.30";
+var version = "0.0.32";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6513,6 +6513,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = vue.ref(null);
     this.init(opt);
   }
   opt;
@@ -6552,7 +6553,7 @@ class WebRtcMt$1 {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -6576,9 +6577,6 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -6652,7 +6650,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -7240,7 +7238,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    const play = vue.ref(null);
+    let play = vue.reactive(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -7261,19 +7259,19 @@ const VideoPlayerV2 = vue.defineComponent({
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
-      if (play.value) {
-        play.value.stopPlay(`videoPlayer_${uuid}`);
+      if (play) {
+        play.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play.value = null;
+      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play.value = new WebRtcMt$1({
+      play = vue.reactive(new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -7285,7 +7283,7 @@ const VideoPlayerV2 = vue.defineComponent({
           cameraStream: camera.streamType,
           addRtspProxyUrl: url
         }
-      });
+      }));
     };
     const releaseUrl = vue.ref("");
     const release = async () => {
@@ -7341,11 +7339,11 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
-    vue.watch(() => play.value?.player, nval => {
+    vue.watch(() => play?.p_player, nval => {
       if (nval) {
-        console.info("player ===> ", nval);
+        console.info("p_player ===> ", nval);
       } else {
-        console.log("player ===> add 500000000!");
+        console.log("p_player ===> add 500000000!");
         stopPlay();
         getVideoDetail(_prop.camera);
       }

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { MaybeRef, MaybeComputedRef } from '@vueuse/core';
 import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 
-var version = "0.0.30";
+var version = "0.0.32";
 
 /**
  *

package/dist/index.js

@@ -9,7 +9,7 @@ import { SearchOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined,
 import 'ant-design-vue/dist/antd.less';
 import zhCN from 'dayjs/locale/zh-cn';
 
-var version = "0.0.30";
+var version = "0.0.32";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6501,6 +6501,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = ref(null);
     this.init(opt);
   }
   opt;
@@ -6540,7 +6541,7 @@ class WebRtcMt$1 {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -6564,9 +6565,6 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -6640,7 +6638,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -7228,7 +7226,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    const play = ref(null);
+    let play = reactive(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -7249,19 +7247,19 @@ const VideoPlayerV2 = defineComponent({
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
-      if (play.value) {
-        play.value.stopPlay(`videoPlayer_${uuid}`);
+      if (play) {
+        play.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play.value = null;
+      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play.value = new WebRtcMt$1({
+      play = reactive(new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -7273,7 +7271,7 @@ const VideoPlayerV2 = defineComponent({
           cameraStream: camera.streamType,
           addRtspProxyUrl: url
         }
-      });
+      }));
     };
     const releaseUrl = ref("");
     const release = async () => {
@@ -7329,11 +7327,11 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
-    watch(() => play.value?.player, nval => {
+    watch(() => play?.p_player, nval => {
       if (nval) {
-        console.info("player ===> ", nval);
+        console.info("p_player ===> ", nval);
       } else {
-        console.log("player ===> add 500000000!");
+        console.log("p_player ===> add 500000000!");
         stopPlay();
         getVideoDetail(_prop.camera);
       }

package/dist/video/index.cjs

@@ -5722,6 +5722,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = vue.ref(null);
     this.init(opt);
   }
   opt;
@@ -5761,7 +5762,7 @@ class WebRtcMt$1 {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -5785,9 +5786,6 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -5861,7 +5859,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -5951,7 +5949,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$1,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    const play = vue.ref(null);
+    let play = vue.reactive(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -5972,19 +5970,19 @@ const VideoPlayerV2 = vue.defineComponent({
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
-      if (play.value) {
-        play.value.stopPlay(`videoPlayer_${uuid}`);
+      if (play) {
+        play.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play.value = null;
+      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play.value = new WebRtcMt$1({
+      play = vue.reactive(new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -5996,7 +5994,7 @@ const VideoPlayerV2 = vue.defineComponent({
           cameraStream: camera.streamType,
           addRtspProxyUrl: url
         }
-      });
+      }));
     };
     const releaseUrl = vue.ref("");
     const release = async () => {
@@ -6052,11 +6050,11 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
-    vue.watch(() => play.value?.player, nval => {
+    vue.watch(() => play?.p_player, nval => {
       if (nval) {
-        console.info("player ===> ", nval);
+        console.info("p_player ===> ", nval);
       } else {
-        console.log("player ===> add 500000000!");
+        console.log("p_player ===> add 500000000!");
         stopPlay();
         getVideoDetail(_prop.camera);
       }

package/dist/video/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onBeforeUnmount, createVNode, Fragment } from 'vue';
+import { ref, defineComponent, reactive, watch, onBeforeUnmount, createVNode, Fragment } from 'vue';
 import axios$2 from 'axios';
 
 const Events$1 = {
@@ -5714,6 +5714,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
+    this.p_player = ref(null);
     this.init(opt);
   }
   opt;
@@ -5753,7 +5754,7 @@ class WebRtcMt$1 {
     if (opt.h) this.config.h = opt.h;
     if (opt.w) this.config.w = opt.w;
     if (Object.prototype.toString.call(opt.plays) === "[object Object]") {
-      this.p_player = this.createVideo(opt.plays);
+      this.p_player.value = this.createVideo(opt.plays);
     } else {
       for (const i of opt.plays) {
         this.createVideo(i);
@@ -5777,9 +5778,6 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
             reject(false);
           }
         });
@@ -5853,7 +5851,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.p_player = false;
+      this.p_player.value = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -5943,7 +5941,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$1,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    const play = ref(null);
+    let play = reactive(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -5964,19 +5962,19 @@ const VideoPlayerV2 = defineComponent({
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
-      if (play.value) {
-        play.value.stopPlay(`videoPlayer_${uuid}`);
+      if (play) {
+        play.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play.value = null;
+      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play.value = new WebRtcMt$1({
+      play = reactive(new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -5988,7 +5986,7 @@ const VideoPlayerV2 = defineComponent({
           cameraStream: camera.streamType,
           addRtspProxyUrl: url
         }
-      });
+      }));
     };
     const releaseUrl = ref("");
     const release = async () => {
@@ -6044,11 +6042,11 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
-    watch(() => play.value?.player, nval => {
+    watch(() => play?.p_player, nval => {
       if (nval) {
-        console.info("player ===> ", nval);
+        console.info("p_player ===> ", nval);
       } else {
-        console.log("player ===> add 500000000!");
+        console.log("p_player ===> add 500000000!");
         stopPlay();
         getVideoDetail(_prop.camera);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mtxt-ui3",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "description": "系统运营组件库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",