mtxt-ui3 0.0.34 → 0.0.36

package/dist/components/index.cjs

@@ -6497,7 +6497,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = vue.ref(null);
+    this.p_player = vue.ref();
     this.init(opt);
   }
   opt;
@@ -6561,12 +6561,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -6633,10 +6633,9 @@ class WebRtcMt$1 {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -6708,7 +6707,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play = vue.reactive(null);
+    let play = vue.reactive({});
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -6734,7 +6733,6 @@ const VideoPlayerV2 = vue.defineComponent({
       }
     };
     const init = () => {
-      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
@@ -6754,7 +6752,21 @@ const VideoPlayerV2 = vue.defineComponent({
           addRtspProxyUrl: url
         }
       }));
-    };
+      const {
+        p_player
+      } = vue.toRefs(play);
+      playerRef.value = core.resolveRef(p_player);
+    };
+    const playerRef = vue.ref();
+    vue.watchEffect(() => {
+      if (playerRef.value) {
+        if (playerRef.value.value === "error") {
+          console.log("p_player ===> add 500");
+          stopPlay();
+          getVideoDetail(_prop.camera);
+        }
+      }
+    });
     const releaseUrl = vue.ref("");
     const release = async () => {
       const res = await axios__default["default"].get(releaseUrl.value);
@@ -6809,15 +6821,6 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
-    vue.watch(() => play?.p_player, nval => {
-      if (nval) {
-        console.info("p_player ===> ", nval);
-      } else {
-        console.log("p_player ===> add 500000000!");
-        stopPlay();
-        getVideoDetail(_prop.camera);
-      }
-    });
     vue.onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/components/index.js

@@ -1,9 +1,9 @@
-import { defineComponent, createVNode, ref, reactive, computed, inject, resolveComponent, withDirectives, vShow, provide, nextTick, watch, onBeforeUnmount, Fragment, isVNode, mergeProps, onBeforeUpdate, onMounted, onUnmounted, createTextVNode } from 'vue';
+import { defineComponent, createVNode, ref, reactive, computed, inject, resolveComponent, withDirectives, vShow, provide, nextTick, watchEffect, watch, onBeforeUnmount, Fragment, toRefs, isVNode, mergeProps, onBeforeUpdate, onMounted, onUnmounted, createTextVNode } from 'vue';
 import { useRouter } from 'vue-router';
 import { message, Form, Row, Col, FormItem, SelectOption, Input, Select, Switch, InputNumber } from 'ant-design-vue';
 import axios$2 from 'axios';
 import _, { isPlainObject as isPlainObject$1, omit, isObject as isObject$2 } from 'lodash';
-import { useBreakpoints, breakpointsAntDesign, useToggle, useVModel, resolveRef, useIntervalFn } from '@vueuse/core';
+import { resolveRef, useBreakpoints, breakpointsAntDesign, useToggle, useVModel, useIntervalFn } from '@vueuse/core';
 import { SearchOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined, FileExcelTwoTone, InboxOutlined } from '@ant-design/icons-vue';
 import dayjs from 'dayjs';
 
@@ -6487,7 +6487,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = ref(null);
+    this.p_player = ref();
     this.init(opt);
   }
   opt;
@@ -6551,12 +6551,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -6623,10 +6623,9 @@ class WebRtcMt$1 {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -6698,7 +6697,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play = reactive(null);
+    let play = reactive({});
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -6724,7 +6723,6 @@ const VideoPlayerV2 = defineComponent({
       }
     };
     const init = () => {
-      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
@@ -6744,7 +6742,21 @@ const VideoPlayerV2 = defineComponent({
           addRtspProxyUrl: url
         }
       }));
-    };
+      const {
+        p_player
+      } = toRefs(play);
+      playerRef.value = resolveRef(p_player);
+    };
+    const playerRef = ref();
+    watchEffect(() => {
+      if (playerRef.value) {
+        if (playerRef.value.value === "error") {
+          console.log("p_player ===> add 500");
+          stopPlay();
+          getVideoDetail(_prop.camera);
+        }
+      }
+    });
     const releaseUrl = ref("");
     const release = async () => {
       const res = await axios$2.get(releaseUrl.value);
@@ -6799,15 +6811,6 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
-    watch(() => play?.p_player, nval => {
-      if (nval) {
-        console.info("p_player ===> ", nval);
-      } else {
-        console.log("p_player ===> add 500000000!");
-        stopPlay();
-        getVideoDetail(_prop.camera);
-      }
-    });
     onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/hooks/index.cjs

@@ -5907,7 +5907,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = vue.ref(null);
+    this.p_player = vue.ref();
     this.init(opt);
   }
   opt;
@@ -5971,12 +5971,12 @@ class WebRtcMt {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -6043,10 +6043,9 @@ class WebRtcMt {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {

package/dist/hooks/index.js

@@ -5898,7 +5898,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = ref(null);
+    this.p_player = ref();
     this.init(opt);
   }
   opt;
@@ -5962,12 +5962,12 @@ class WebRtcMt {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -6034,10 +6034,9 @@ class WebRtcMt {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {

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.33";
+var version = "0.0.35";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6513,7 +6513,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = vue.ref(null);
+    this.p_player = vue.ref();
     this.init(opt);
   }
   opt;
@@ -6577,12 +6577,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -6649,10 +6649,9 @@ class WebRtcMt$1 {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -7239,7 +7238,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play = vue.reactive(null);
+    let play = vue.reactive({});
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -7265,7 +7264,6 @@ const VideoPlayerV2 = vue.defineComponent({
       }
     };
     const init = () => {
-      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
@@ -7285,7 +7283,21 @@ const VideoPlayerV2 = vue.defineComponent({
           addRtspProxyUrl: url
         }
       }));
-    };
+      const {
+        p_player
+      } = vue.toRefs(play);
+      playerRef.value = core.resolveRef(p_player);
+    };
+    const playerRef = vue.ref();
+    vue.watchEffect(() => {
+      if (playerRef.value) {
+        if (playerRef.value.value === "error") {
+          console.log("p_player ===> add 500");
+          stopPlay();
+          getVideoDetail(_prop.camera);
+        }
+      }
+    });
     const releaseUrl = vue.ref("");
     const release = async () => {
       const res = await axios__default["default"].get(releaseUrl.value);
@@ -7340,15 +7352,6 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
-    vue.watch(() => play?.p_player, nval => {
-      if (nval) {
-        console.info("p_player ===> ", nval);
-      } else {
-        console.log("p_player ===> add 500000000!");
-        stopPlay();
-        getVideoDetail(_prop.camera);
-      }
-    });
     vue.onBeforeUnmount(() => {
       stopPlay();
     });

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.33";
+var version = "0.0.35";
 
 /**
  *

package/dist/index.js

@@ -1,7 +1,7 @@
 import axios$2 from 'axios';
 import ant, { message, Form, Row, Col, FormItem, SelectOption, Input, Select, Switch, InputNumber } from 'ant-design-vue';
 import _, { isPlainObject as isPlainObject$1, omit, cloneDeep, isObject as isObject$2 } from 'lodash';
-import { ref, reactive, computed, watch, onBeforeUnmount, watchEffect, defineComponent, createVNode, inject, resolveComponent, withDirectives, vShow, provide, nextTick, Fragment, isVNode, mergeProps, onBeforeUpdate, onMounted, onUnmounted, createTextVNode } from 'vue';
+import { ref, reactive, computed, watch, onBeforeUnmount, watchEffect, defineComponent, createVNode, inject, resolveComponent, withDirectives, vShow, provide, nextTick, Fragment, toRefs, isVNode, mergeProps, onBeforeUpdate, onMounted, onUnmounted, createTextVNode } from 'vue';
 import { useIntervalFn, useEventBus, resolveRef, useEventListener, useBreakpoints, breakpointsAntDesign, useToggle, useVModel } from '@vueuse/core';
 import dayjs from 'dayjs';
 import { useRouter } from 'vue-router';
@@ -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.33";
+var version = "0.0.35";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6501,7 +6501,7 @@ const playOneWebRtcMt = async (uuid, domId, dom, token) => {
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = ref(null);
+    this.p_player = ref();
     this.init(opt);
   }
   opt;
@@ -6565,12 +6565,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -6637,10 +6637,9 @@ class WebRtcMt$1 {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -7227,7 +7226,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play = reactive(null);
+    let play = reactive({});
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -7253,7 +7252,6 @@ const VideoPlayerV2 = defineComponent({
       }
     };
     const init = () => {
-      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
@@ -7273,7 +7271,21 @@ const VideoPlayerV2 = defineComponent({
           addRtspProxyUrl: url
         }
       }));
-    };
+      const {
+        p_player
+      } = toRefs(play);
+      playerRef.value = resolveRef(p_player);
+    };
+    const playerRef = ref();
+    watchEffect(() => {
+      if (playerRef.value) {
+        if (playerRef.value.value === "error") {
+          console.log("p_player ===> add 500");
+          stopPlay();
+          getVideoDetail(_prop.camera);
+        }
+      }
+    });
     const releaseUrl = ref("");
     const release = async () => {
       const res = await axios$2.get(releaseUrl.value);
@@ -7328,15 +7340,6 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
-    watch(() => play?.p_player, nval => {
-      if (nval) {
-        console.info("p_player ===> ", nval);
-      } else {
-        console.log("p_player ===> add 500000000!");
-        stopPlay();
-        getVideoDetail(_prop.camera);
-      }
-    });
     onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/video/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var axios$2 = require('axios');
+var core = require('@vueuse/core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -5722,7 +5723,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = vue.ref(null);
+    this.p_player = vue.ref();
     this.init(opt);
   }
   opt;
@@ -5786,12 +5787,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -5858,10 +5859,9 @@ class WebRtcMt$1 {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -5950,7 +5950,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$1,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play = vue.reactive(null);
+    let play = vue.reactive({});
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -5976,7 +5976,6 @@ const VideoPlayerV2 = vue.defineComponent({
       }
     };
     const init = () => {
-      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
@@ -5996,7 +5995,21 @@ const VideoPlayerV2 = vue.defineComponent({
           addRtspProxyUrl: url
         }
       }));
+      const {
+        p_player
+      } = vue.toRefs(play);
+      playerRef.value = core.resolveRef(p_player);
     };
+    const playerRef = vue.ref();
+    vue.watchEffect(() => {
+      if (playerRef.value) {
+        if (playerRef.value.value === "error") {
+          console.log("p_player ===> add 500");
+          stopPlay();
+          getVideoDetail(_prop.camera);
+        }
+      }
+    });
     const releaseUrl = vue.ref("");
     const release = async () => {
       const res = await axios__default["default"].get(releaseUrl.value);
@@ -6051,15 +6064,6 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
-    vue.watch(() => play?.p_player, nval => {
-      if (nval) {
-        console.info("p_player ===> ", nval);
-      } else {
-        console.log("p_player ===> add 500000000!");
-        stopPlay();
-        getVideoDetail(_prop.camera);
-      }
-    });
     vue.onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/video/index.js

@@ -1,5 +1,6 @@
-import { ref, defineComponent, reactive, watch, onBeforeUnmount, createVNode, Fragment } from 'vue';
+import { ref, defineComponent, reactive, watchEffect, watch, onBeforeUnmount, createVNode, Fragment, toRefs } from 'vue';
 import axios$2 from 'axios';
+import { resolveRef } from '@vueuse/core';
 
 const Events$1 = {
   WEBRTC_NOT_SUPPORT: "WEBRTC_NOT_SUPPORT",
@@ -5714,7 +5715,7 @@ const Endpoint = RTCEndpoint;
 class WebRtcMt$1 {
   constructor(opt) {
     this.opt = opt;
-    this.p_player = ref(null);
+    this.p_player = ref();
     this.init(opt);
   }
   opt;
@@ -5778,12 +5779,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject(false);
+            reject("error");
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject(false);
+        reject("error");
       });
     });
   }
@@ -5850,10 +5851,9 @@ class WebRtcMt$1 {
     console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD---");
-      this.p_player.value = false;
-      console.info("v2---", this.p_player.value);
-    }, 5 * 1e3);
+      this.p_player.value = "error";
+      console.log("\u5E95\u90E8\u91CD\u64AD", this.p_player.value);
+    }, 3 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -5942,7 +5942,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$1,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play = reactive(null);
+    let play = reactive({});
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -5968,7 +5968,6 @@ const VideoPlayerV2 = defineComponent({
       }
     };
     const init = () => {
-      play = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
@@ -5988,7 +5987,21 @@ const VideoPlayerV2 = defineComponent({
           addRtspProxyUrl: url
         }
       }));
+      const {
+        p_player
+      } = toRefs(play);
+      playerRef.value = resolveRef(p_player);
     };
+    const playerRef = ref();
+    watchEffect(() => {
+      if (playerRef.value) {
+        if (playerRef.value.value === "error") {
+          console.log("p_player ===> add 500");
+          stopPlay();
+          getVideoDetail(_prop.camera);
+        }
+      }
+    });
     const releaseUrl = ref("");
     const release = async () => {
       const res = await axios$2.get(releaseUrl.value);
@@ -6043,15 +6056,6 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
-    watch(() => play?.p_player, nval => {
-      if (nval) {
-        console.info("p_player ===> ", nval);
-      } else {
-        console.log("p_player ===> add 500000000!");
-        stopPlay();
-        getVideoDetail(_prop.camera);
-      }
-    });
     onBeforeUnmount(() => {
       stopPlay();
     });

package/package.json

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