inl-ui 0.1.11 → 0.1.13

package/dist/components/index.cjs

@@ -7598,6 +7598,12 @@ const VideoPlayerV2 = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => vue.createVNode("video", {
       "id": `videoPlayer_${uuid}`,
@@ -7992,7 +7998,7 @@ const VideoBoxV2 = vue.defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         getThingValue();
       }, 3e3);
       infos.value.forEach(info => {
@@ -8015,13 +8021,14 @@ const VideoBoxV2 = vue.defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      res.data.data.forEach((ele, index) => {
+      res.data.data?.forEach((ele, index) => {
         arr[ele.position] = ele;
       });
       infos.value = arr;
-      if (res.data.data.length === 0) {
+      if (res.data.data?.length === 0) {
         showInfo.value = false;
       } else {
+        clearTimeout(timeout);
         getThingValue();
       }
     };
@@ -8036,7 +8043,7 @@ const VideoBoxV2 = vue.defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let interval;
-    let intervalSet;
+    let timeout;
     let show = vue.ref(true);
     const timer = setInterval(() => {
       show.value = false;
@@ -8046,16 +8053,13 @@ const VideoBoxV2 = vue.defineComponent({
     }, _prop.intervalTime * (0.5 + Math.random()));
     vue.onBeforeUnmount(() => {
       clearInterval(interval);
-      clearInterval(intervalSet);
       clearInterval(timer);
     });
     const fill = vue.ref("fill");
     vue.watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
         clearInterval(interval);
-        clearInterval(intervalSet);
         getVideoParams(val);
-        intervalSet = setInterval(() => {}, 1800 * 1e3);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
         if (fillVal) {

package/dist/components/index.js

@@ -7588,6 +7588,12 @@ const VideoPlayerV2 = defineComponent({
     onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => createVNode("video", {
       "id": `videoPlayer_${uuid}`,
@@ -7982,7 +7988,7 @@ const VideoBoxV2 = defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         getThingValue();
       }, 3e3);
       infos.value.forEach(info => {
@@ -8005,13 +8011,14 @@ const VideoBoxV2 = defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      res.data.data.forEach((ele, index) => {
+      res.data.data?.forEach((ele, index) => {
         arr[ele.position] = ele;
       });
       infos.value = arr;
-      if (res.data.data.length === 0) {
+      if (res.data.data?.length === 0) {
         showInfo.value = false;
       } else {
+        clearTimeout(timeout);
         getThingValue();
       }
     };
@@ -8026,7 +8033,7 @@ const VideoBoxV2 = defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let interval;
-    let intervalSet;
+    let timeout;
     let show = ref(true);
     const timer = setInterval(() => {
       show.value = false;
@@ -8036,16 +8043,13 @@ const VideoBoxV2 = defineComponent({
     }, _prop.intervalTime * (0.5 + Math.random()));
     onBeforeUnmount(() => {
       clearInterval(interval);
-      clearInterval(intervalSet);
       clearInterval(timer);
     });
     const fill = ref("fill");
     watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
         clearInterval(interval);
-        clearInterval(intervalSet);
         getVideoParams(val);
-        intervalSet = setInterval(() => {}, 1800 * 1e3);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
         if (fillVal) {

package/dist/index.cjs

@@ -43,7 +43,7 @@ var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
-var version = "0.1.10";
+var version = "0.1.12";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -8603,6 +8603,12 @@ const VideoPlayerV2 = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => vue.createVNode("video", {
       "id": `videoPlayer_${uuid}`,
@@ -8997,7 +9003,7 @@ const VideoBoxV2 = vue.defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         getThingValue();
       }, 3e3);
       infos.value.forEach(info => {
@@ -9020,13 +9026,14 @@ const VideoBoxV2 = vue.defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      res.data.data.forEach((ele, index) => {
+      res.data.data?.forEach((ele, index) => {
         arr[ele.position] = ele;
       });
       infos.value = arr;
-      if (res.data.data.length === 0) {
+      if (res.data.data?.length === 0) {
         showInfo.value = false;
       } else {
+        clearTimeout(timeout);
         getThingValue();
       }
     };
@@ -9041,7 +9048,7 @@ const VideoBoxV2 = vue.defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let interval;
-    let intervalSet;
+    let timeout;
     let show = vue.ref(true);
     const timer = setInterval(() => {
       show.value = false;
@@ -9051,16 +9058,13 @@ const VideoBoxV2 = vue.defineComponent({
     }, _prop.intervalTime * (0.5 + Math.random()));
     vue.onBeforeUnmount(() => {
       clearInterval(interval);
-      clearInterval(intervalSet);
       clearInterval(timer);
     });
     const fill = vue.ref("fill");
     vue.watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
         clearInterval(interval);
-        clearInterval(intervalSet);
         getVideoParams(val);
-        intervalSet = setInterval(() => {}, 1800 * 1e3);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
         if (fillVal) {

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
 
-var version = "0.1.10";
+var version = "0.1.12";
 
 declare const _default$o: {
     set(theme: string): void;

package/dist/index.js

@@ -13,7 +13,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import { marked } from 'marked';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.10";
+var version = "0.1.12";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -8573,6 +8573,12 @@ const VideoPlayerV2 = defineComponent({
     onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => createVNode("video", {
       "id": `videoPlayer_${uuid}`,
@@ -8967,7 +8973,7 @@ const VideoBoxV2 = defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         getThingValue();
       }, 3e3);
       infos.value.forEach(info => {
@@ -8990,13 +8996,14 @@ const VideoBoxV2 = defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      res.data.data.forEach((ele, index) => {
+      res.data.data?.forEach((ele, index) => {
         arr[ele.position] = ele;
       });
       infos.value = arr;
-      if (res.data.data.length === 0) {
+      if (res.data.data?.length === 0) {
         showInfo.value = false;
       } else {
+        clearTimeout(timeout);
         getThingValue();
       }
     };
@@ -9011,7 +9018,7 @@ const VideoBoxV2 = defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let interval;
-    let intervalSet;
+    let timeout;
     let show = ref(true);
     const timer = setInterval(() => {
       show.value = false;
@@ -9021,16 +9028,13 @@ const VideoBoxV2 = defineComponent({
     }, _prop.intervalTime * (0.5 + Math.random()));
     onBeforeUnmount(() => {
       clearInterval(interval);
-      clearInterval(intervalSet);
       clearInterval(timer);
     });
     const fill = ref("fill");
     watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
         clearInterval(interval);
-        clearInterval(intervalSet);
         getVideoParams(val);
-        intervalSet = setInterval(() => {}, 1800 * 1e3);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
         if (fillVal) {

package/dist/video/index.cjs

@@ -4791,6 +4791,12 @@ const VideoPlayerV2 = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => vue.createVNode("video", {
       "id": `videoPlayer_${uuid}`,
@@ -5185,7 +5191,7 @@ const VideoBoxV2 = vue.defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         getThingValue();
       }, 3e3);
       infos.value.forEach(info => {
@@ -5208,13 +5214,14 @@ const VideoBoxV2 = vue.defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      res.data.data.forEach((ele, index) => {
+      res.data.data?.forEach((ele, index) => {
         arr[ele.position] = ele;
       });
       infos.value = arr;
-      if (res.data.data.length === 0) {
+      if (res.data.data?.length === 0) {
         showInfo.value = false;
       } else {
+        clearTimeout(timeout);
         getThingValue();
       }
     };
@@ -5229,7 +5236,7 @@ const VideoBoxV2 = vue.defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let interval;
-    let intervalSet;
+    let timeout;
     let show = vue.ref(true);
     const timer = setInterval(() => {
       show.value = false;
@@ -5239,16 +5246,13 @@ const VideoBoxV2 = vue.defineComponent({
     }, _prop.intervalTime * (0.5 + Math.random()));
     vue.onBeforeUnmount(() => {
       clearInterval(interval);
-      clearInterval(intervalSet);
       clearInterval(timer);
     });
     const fill = vue.ref("fill");
     vue.watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
         clearInterval(interval);
-        clearInterval(intervalSet);
         getVideoParams(val);
-        intervalSet = setInterval(() => {}, 1800 * 1e3);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
         if (fillVal) {

package/dist/video/index.js

@@ -4783,6 +4783,12 @@ const VideoPlayerV2 = defineComponent({
     onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => createVNode("video", {
       "id": `videoPlayer_${uuid}`,
@@ -5177,7 +5183,7 @@ const VideoBoxV2 = defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         getThingValue();
       }, 3e3);
       infos.value.forEach(info => {
@@ -5200,13 +5206,14 @@ const VideoBoxV2 = defineComponent({
           token: sessionStorage.getItem("token")
         }
       });
-      res.data.data.forEach((ele, index) => {
+      res.data.data?.forEach((ele, index) => {
         arr[ele.position] = ele;
       });
       infos.value = arr;
-      if (res.data.data.length === 0) {
+      if (res.data.data?.length === 0) {
         showInfo.value = false;
       } else {
+        clearTimeout(timeout);
         getThingValue();
       }
     };
@@ -5221,7 +5228,7 @@ const VideoBoxV2 = defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let interval;
-    let intervalSet;
+    let timeout;
     let show = ref(true);
     const timer = setInterval(() => {
       show.value = false;
@@ -5231,16 +5238,13 @@ const VideoBoxV2 = defineComponent({
     }, _prop.intervalTime * (0.5 + Math.random()));
     onBeforeUnmount(() => {
       clearInterval(interval);
-      clearInterval(intervalSet);
       clearInterval(timer);
     });
     const fill = ref("fill");
     watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
         clearInterval(interval);
-        clearInterval(intervalSet);
         getVideoParams(val);
-        intervalSet = setInterval(() => {}, 1800 * 1e3);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
         if (fillVal) {

package/dist/videoMobile/index.cjs

@@ -4789,6 +4789,12 @@ const VideoPlayerV2 = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => vue.createVNode("video", {
       "id": `videoPlayer_${uuid}`,

package/dist/videoMobile/index.js

@@ -4781,6 +4781,12 @@ const VideoPlayerV2 = defineComponent({
     onBeforeUnmount(() => {
       stopPlay();
       stopV(`videoPlayer_${uuid}`);
+      const videoElement = document.getElementById(uuid);
+      if (videoElement) {
+        videoElement.src = null;
+        videoElement.srcObject = null;
+        videoElement.remove();
+      }
     });
     return () => createVNode("video", {
       "id": `videoPlayer_${uuid}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inl-ui",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "工业 pc ui库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",