inl-ui 0.1.21 → 0.1.23

package/dist/index.cjs

@@ -13,6 +13,7 @@ var dayjs = require('dayjs');
 var vueRouter = require('vue-router');
 var iconsVue = require('@ant-design/icons-vue');
 var qiankun$1 = require('qiankun');
+var EZUIKit = require('ezuikit-js');
 var mobile = require('@sszj-temp/mobile');
 require('@sszj-temp/mobile/style.css');
 
@@ -41,8 +42,9 @@ var renderWithQiankun__default = /*#__PURE__*/_interopDefaultLegacy(renderWithQi
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var EZUIKit__default = /*#__PURE__*/_interopDefaultLegacy(EZUIKit);
 
-var version = "0.1.20";
+var version = "0.1.22";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -5467,7 +5469,7 @@ class WebRtcMt$1 {
       }
     }
   }
-  retryTime;
+  // protected retryTime;
   // 拉流创建播放器
   createVideo(plays) {
     this.mediaServerAddrMap.set(plays.videoElm, plays);
@@ -5478,7 +5480,6 @@ class WebRtcMt$1 {
       fetch(addRtspProxyUrl, {
         method: "GET"
       }).then(response => {
-        this.retryTime = 0;
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
@@ -5490,12 +5491,9 @@ class WebRtcMt$1 {
           }
         });
       }).catch(err => {
-        if (!this.retryTime) {
-          this.retryTime = 60;
-          setTimeout(() => {
-            this.rePlay();
-          }, 60 * 1e3);
-        }
+        setTimeout(() => {
+          this.rePlay();
+        }, 3 * 60 * 1e3);
       });
     });
   }
@@ -5554,7 +5552,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       this.init(this.opt);
-    }, 1e3);
+    }, 5 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -8601,9 +8599,9 @@ const VideoPlayerV2 = vue.defineComponent({
     });
     vue.onBeforeUnmount(() => {
       stopPlay();
-      stopV(`videoPlayer_${uuid}`);
-      const videoElement = document.getElementById(uuid);
+      const videoElement = document.getElementById(`videoPlayer_${uuid}`);
       if (videoElement) {
+        videoElement.pause();
         videoElement.src = null;
         videoElement.srcObject = null;
         videoElement.remove();
@@ -9046,23 +9044,12 @@ const VideoBoxV2 = vue.defineComponent({
       camera.value = res.data.data;
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
-    let interval;
     let timeout;
     let show = vue.ref(true);
-    const timer = setInterval(() => {
-      show.value = false;
-      setTimeout(() => {
-        show.value = true;
-      }, 500);
-    }, _prop.intervalTime * (0.5 + Math.random()));
-    vue.onBeforeUnmount(() => {
-      clearInterval(interval);
-      clearInterval(timer);
-    });
+    vue.onBeforeUnmount(() => {});
     const fill = vue.ref("fill");
     vue.watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
-        clearInterval(interval);
         getVideoParams(val);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
@@ -9668,6 +9655,79 @@ const AlarmVideo = vue.defineComponent({
 });
 var alarmVideo = installComponent(AlarmVideo, "alarm-video");
 
+const CloudVideo = vue.defineComponent({
+  props: {
+    // 视频信息|视频源uuid
+    cameraId: {
+      require: true,
+      type: String
+    },
+    channelNo: {
+      type: Number,
+      default: 1
+    },
+    token: {
+      type: String,
+      default: ""
+    },
+    template: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
+    }
+  },
+  emits: [],
+  setup(prop, _context) {
+    const uuid = vue.ref(UUID());
+    let player;
+    const initVideo = async () => {
+      const res = await axios__default["default"].post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
+        params: {
+          accessToken: prop.token,
+          deviceSerial: prop.cameraId,
+          channelNo: prop.channelNo || 1
+        }
+      });
+      const opt = {
+        id: `cloudVideo_${uuid.value}`,
+        url: res.data.data.url,
+        accessToken: prop.token,
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
+      };
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = new EZUIKit__default["default"].EZUIKitPlayer(opt);
+    };
+    vue.onMounted(() => {
+      initVideo();
+    });
+    vue.onBeforeUnmount(() => {
+      player?.stop();
+    });
+    return () => vue.createVNode("div", {
+      "class": "cloudVideo"
+    }, [vue.createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
+  }
+});
+var cloudVideo = installComponent(CloudVideo, "cloud-video");
+
 const appName = "live";
 class WebRtcMt {
   constructor(opt) {
@@ -12262,6 +12322,7 @@ var components = /*#__PURE__*/Object.freeze({
   VideoBoxV2: VideoBoxV2$1,
   PollingPlay: pollingPlay,
   AlarmVideo: alarmVideo,
+  CloudVideo: cloudVideo,
   IconSelect: icons,
   PeopleSelect: index$4,
   FontSelect: index$2,

package/dist/index.d.ts

@@ -11,9 +11,9 @@ 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.20";
+var version = "0.1.22";
 
-declare const _default$o: {
+declare const _default$p: {
     set(theme: string): void;
     settingTheme(theme?: string): void;
 };
@@ -106,7 +106,7 @@ declare function encodeStr(str: string): string;
  * @returns 解密后的字符串
  */
 declare function decodeStr(str: string): string;
-declare const _default$n: {
+declare const _default$o: {
     encodeStr: typeof encodeStr;
     decodeStr: typeof decodeStr;
 };
@@ -141,7 +141,7 @@ declare function randomNumber(min: any, max: any): any;
  * @param length 长度
  */
 declare function randomString(length: number): string;
-declare const _default$m: {
+declare const _default$n: {
     randomNumber: typeof randomNumber;
     randomString: typeof randomString;
     UUID: (n?: number | undefined) => string;
@@ -219,7 +219,7 @@ declare const formatDuring: (time?: number, type?: string, unit?: number, isComp
  * @param fileName 下载的文件名
  */
 declare function downloadFile(data: Blob, fileName: string): void;
-declare const _default$l: {
+declare const _default$m: {
     downloadFile: typeof downloadFile;
 };
 
@@ -239,18 +239,18 @@ declare const utils_forcedDecimals: typeof forcedDecimals;
 declare const utils_formatDuring: typeof formatDuring;
 declare namespace utils {
   export {
-    _default$o as changeTheme,
+    _default$p as changeTheme,
     utils_setRem as setRem,
     microApp as microAppUtils,
     utils_ApiInstance as ApiInstance,
     utils_getCommonHeaders as getCommonHeaders,
-    _default$n as base64,
+    _default$o as base64,
     utils_Login as Login,
-    _default$m as random,
+    _default$n as random,
     utils_upload as upload,
     utils_phoneNumber as phoneNumber,
     utils_screen as screen,
-    _default$l as file,
+    _default$m as file,
     utils_formatMoney as formatMoney,
     utils_toChinese as toChinese,
     utils_limitDecimal as limitDecimal,
@@ -447,7 +447,6 @@ declare class WebRtcMt {
         sdpUrl: any;
     };
     protected init(opt: WebRtc): void;
-    protected retryTime: any;
     protected createVideo(plays: PlayVideoArgs): Promise<unknown>;
     log(type: "err" | "info" | "warn", text: string): void;
     stopPlay(id?: string): void;
@@ -769,7 +768,7 @@ declare namespace index {
   };
 }
 
-declare const _default$k: vue.DefineComponent<{
+declare const _default$l: vue.DefineComponent<{
     name: {
         type: StringConstructor;
         default: string;
@@ -783,7 +782,7 @@ declare const _default$k: vue.DefineComponent<{
     name: string;
 }, {}>;
 
-declare const _default$j: vue.FunctionalComponent<_ant_design_icons_vue_lib_components_IconFont.IconFontProps, {}, any>;
+declare const _default$k: vue.FunctionalComponent<_ant_design_icons_vue_lib_components_IconFont.IconFontProps, {}, any>;
 
 interface IMenuItem {
     id: string;
@@ -797,7 +796,7 @@ interface IMenuItem {
     subList: IMenuItem[];
 }
 type MenuList = IMenuItem[];
-declare const _default$i: vue.DefineComponent<{
+declare const _default$j: vue.DefineComponent<{
     userMenu: {
         type: PropType<MenuList>;
         required: true;
@@ -894,7 +893,7 @@ declare const _default$i: vue.DefineComponent<{
     showNotice: boolean;
 }, {}>;
 
-declare const _default$h: vue.DefineComponent<{
+declare const _default$i: vue.DefineComponent<{
     isClould: {
         default: boolean;
         type: BooleanConstructor;
@@ -956,7 +955,7 @@ declare const _default$h: vue.DefineComponent<{
     bg: string;
 }, {}>;
 
-declare const _default$g: vue.DefineComponent<Readonly<vue.ComponentPropsOptions<{
+declare const _default$h: vue.DefineComponent<Readonly<vue.ComponentPropsOptions<{
     [x: string]: unknown;
 }>>, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, never[], never, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<readonly string[] | vue.ExtractPropTypes<Readonly<vue.ComponentObjectPropsOptions<{
     [x: string]: unknown;
@@ -964,7 +963,7 @@ declare const _default$g: vue.DefineComponent<Readonly<vue.ComponentPropsOptions
     [x: number]: string;
 } | {}, {}>;
 
-declare const _default$f: vue.DefineComponent<{
+declare const _default$g: vue.DefineComponent<{
     withHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -1035,9 +1034,9 @@ declare const getDetailContainer: () => vue.DefineComponent<{
     unmountOnDeactived: boolean;
 }, {}>;
 
-declare const _default$e: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const _default$f: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     teams: {
         type: {
             (arrayLength: number): any[];
@@ -1104,7 +1103,7 @@ declare const _default$d: vue.DefineComponent<{
     showHeader: boolean;
 }, {}>;
 
-declare const _default$c: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     theme: {
         type: StringConstructor;
         default: string;
@@ -1144,6 +1143,64 @@ declare const _default$c: vue.DefineComponent<{
     countDown: number;
 }, {}>;
 
+declare const _default$c: vue.DefineComponent<{
+    cameraId: {
+        require: boolean;
+        type: StringConstructor;
+    };
+    channelNo: {
+        type: NumberConstructor;
+        default: number;
+    };
+    token: {
+        type: StringConstructor;
+        default: string;
+    };
+    template: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, never[], never, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    cameraId: {
+        require: boolean;
+        type: StringConstructor;
+    };
+    channelNo: {
+        type: NumberConstructor;
+        default: number;
+    };
+    token: {
+        type: StringConstructor;
+        default: string;
+    };
+    template: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}>> & {}, {
+    template: string;
+    width: number;
+    token: string;
+    height: number;
+    channelNo: number;
+}, {}>;
+
 declare const _default$b: vue.DefineComponent<{
     camera: {
         require: boolean;
@@ -1832,9 +1889,9 @@ declare const components_ImportModal: typeof ImportModal;
 declare const components_ParamManagerV2: typeof ParamManagerV2;
 declare namespace components {
   export {
-    _default$g as LayoutTable,
-    _default$i as Layout,
-    _default$f as ChildLayout,
+    _default$h as LayoutTable,
+    _default$j as Layout,
+    _default$g as ChildLayout,
     _default$7 as HeaderMenu,
     _default$5 as QueryFormContainer,
     components_getDetailContainer as getDetailContainer,
@@ -1843,15 +1900,16 @@ declare namespace components {
     _default$a as VideoPlayerV1,
     _default$9 as VideoBox,
     _default$8 as VideoBoxV2,
-    _default$d as PollingPlay,
-    _default$c as AlarmVideo,
+    _default$e as PollingPlay,
+    _default$d as AlarmVideo,
+    _default$c as CloudVideo,
     _default$6 as IconSelect,
     _default$4 as PeopleSelect,
     _default$2 as FontSelect,
-    _default$k as Demo,
-    _default$j as IconFont,
-    _default$h as Login,
-    _default$e as ChangeThemeSelect,
+    _default$l as Demo,
+    _default$k as IconFont,
+    _default$i as Login,
+    _default$f as ChangeThemeSelect,
     components_ImportModal as ImportModal,
     _default$3 as ParamManager,
     components_ParamManagerV2 as ParamManagerV2,

package/dist/index.js

@@ -9,10 +9,11 @@ import dayjs from 'dayjs';
 import { useRouter, useRoute } from 'vue-router';
 import { createFromIconfontCN, SearchOutlined, DownOutlined, PoweroffOutlined, MenuUnfoldOutlined, MenuFoldOutlined, SkinFilled, FullscreenOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined, FileExcelTwoTone, InboxOutlined, MessageOutlined } from '@ant-design/icons-vue';
 import { loadMicroApp } from 'qiankun';
+import EZUIKit from 'ezuikit-js';
 import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.20";
+var version = "0.1.22";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -5437,7 +5438,7 @@ class WebRtcMt$1 {
       }
     }
   }
-  retryTime;
+  // protected retryTime;
   // 拉流创建播放器
   createVideo(plays) {
     this.mediaServerAddrMap.set(plays.videoElm, plays);
@@ -5448,7 +5449,6 @@ class WebRtcMt$1 {
       fetch(addRtspProxyUrl, {
         method: "GET"
       }).then(response => {
-        this.retryTime = 0;
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
@@ -5460,12 +5460,9 @@ class WebRtcMt$1 {
           }
         });
       }).catch(err => {
-        if (!this.retryTime) {
-          this.retryTime = 60;
-          setTimeout(() => {
-            this.rePlay();
-          }, 60 * 1e3);
-        }
+        setTimeout(() => {
+          this.rePlay();
+        }, 3 * 60 * 1e3);
       });
     });
   }
@@ -5524,7 +5521,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       this.init(this.opt);
-    }, 1e3);
+    }, 5 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -8571,9 +8568,9 @@ const VideoPlayerV2 = defineComponent({
     });
     onBeforeUnmount(() => {
       stopPlay();
-      stopV(`videoPlayer_${uuid}`);
-      const videoElement = document.getElementById(uuid);
+      const videoElement = document.getElementById(`videoPlayer_${uuid}`);
       if (videoElement) {
+        videoElement.pause();
         videoElement.src = null;
         videoElement.srcObject = null;
         videoElement.remove();
@@ -9016,23 +9013,12 @@ const VideoBoxV2 = defineComponent({
       camera.value = res.data.data;
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
-    let interval;
     let timeout;
     let show = ref(true);
-    const timer = setInterval(() => {
-      show.value = false;
-      setTimeout(() => {
-        show.value = true;
-      }, 500);
-    }, _prop.intervalTime * (0.5 + Math.random()));
-    onBeforeUnmount(() => {
-      clearInterval(interval);
-      clearInterval(timer);
-    });
+    onBeforeUnmount(() => {});
     const fill = ref("fill");
     watch(() => _prop.camera, val => {
       if (val && Object.keys(val).length != 0) {
-        clearInterval(interval);
         getVideoParams(val);
         getVideoDetail(val);
         const fillVal = localStorage.getItem(val);
@@ -9638,6 +9624,79 @@ const AlarmVideo = defineComponent({
 });
 var alarmVideo = installComponent(AlarmVideo, "alarm-video");
 
+const CloudVideo = defineComponent({
+  props: {
+    // 视频信息|视频源uuid
+    cameraId: {
+      require: true,
+      type: String
+    },
+    channelNo: {
+      type: Number,
+      default: 1
+    },
+    token: {
+      type: String,
+      default: ""
+    },
+    template: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
+    }
+  },
+  emits: [],
+  setup(prop, _context) {
+    const uuid = ref(UUID());
+    let player;
+    const initVideo = async () => {
+      const res = await axios.post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
+        params: {
+          accessToken: prop.token,
+          deviceSerial: prop.cameraId,
+          channelNo: prop.channelNo || 1
+        }
+      });
+      const opt = {
+        id: `cloudVideo_${uuid.value}`,
+        url: res.data.data.url,
+        accessToken: prop.token,
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
+      };
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = new EZUIKit.EZUIKitPlayer(opt);
+    };
+    onMounted(() => {
+      initVideo();
+    });
+    onBeforeUnmount(() => {
+      player?.stop();
+    });
+    return () => createVNode("div", {
+      "class": "cloudVideo"
+    }, [createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
+  }
+});
+var cloudVideo = installComponent(CloudVideo, "cloud-video");
+
 const appName = "live";
 class WebRtcMt {
   constructor(opt) {
@@ -12232,6 +12291,7 @@ var components = /*#__PURE__*/Object.freeze({
   VideoBoxV2: VideoBoxV2$1,
   PollingPlay: pollingPlay,
   AlarmVideo: alarmVideo,
+  CloudVideo: cloudVideo,
   IconSelect: icons,
   PeopleSelect: index$4,
   FontSelect: index$2,