inl-ui 0.1.30 → 0.1.32

package/README.md

@@ -1,49 +1,49 @@
-# 工业PC ui库
-
-前端通用库，包括组件、hooks、utils等。
-
-### 运行
-
-+ 开发模式 yarn dev
-+ 生产打包 yarn build
-+ 生成文档 yarn build:docs
-+ 打包图扑工具 yarn buildtp
-
-### 使用方法
-
-```javascript
-import inl from 'inl-ui';
-import 'inl-ui/dist/style.css';
-
-vue.use(inl)
-```
-
-
-
-### 激活主题
-
-**vite.config.ts**
-
-```javascript
-const additionalData = require("inl-ui/dist/theme").default;
-
-...
-
-css: {
-  preprocessorOptions: {
-    less: {
-      javascriptEnabled: true,
-      additionalData,
-    },
-  },
-},
-```
-
-### 文档链接
-
-##### [组件文档](./src/components/README.md)
-
-##### [hooks文档](./src/hooks/README.md)
-
-##### [Utils文档](./src/utils/README.md)
-
+# 工业PC ui库
+
+前端通用库，包括组件、hooks、utils等。
+
+### 运行
+
++ 开发模式 yarn dev
++ 生产打包 yarn build
++ 生成文档 yarn build:docs
++ 打包图扑工具 yarn buildtp
+
+### 使用方法
+
+```javascript
+import inl from 'inl-ui';
+import 'inl-ui/dist/style.css';
+
+vue.use(inl)
+```
+
+
+
+### 激活主题
+
+**vite.config.ts**
+
+```javascript
+const additionalData = require("inl-ui/dist/theme").default;
+
+...
+
+css: {
+  preprocessorOptions: {
+    less: {
+      javascriptEnabled: true,
+      additionalData,
+    },
+  },
+},
+```
+
+### 文档链接
+
+##### [组件文档](./src/components/README.md)
+
+##### [hooks文档](./src/hooks/README.md)
+
+##### [Utils文档](./src/utils/README.md)
+

package/dist/components/index.cjs

@@ -8738,9 +8738,6 @@ const VideoPlayerV2 = vue.defineComponent({
         };
       }, 500);
     };
-    _context.expose({
-      videoFull
-    });
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
       if (play) {
@@ -8777,6 +8774,15 @@ const VideoPlayerV2 = vue.defineComponent({
         videoElement.load();
       }
     };
+    const releaseUrl = vue.ref("");
+    const release = async () => {
+      const res = await axios__default["default"].get(releaseUrl.value);
+      return res;
+    };
+    _context.expose({
+      videoFull,
+      release
+    });
     const getVideoDetail = async camera => {
       let uuid2 = "";
       if (camera && Object.keys(camera).length && typeof camera === "object") {
@@ -8803,6 +8809,7 @@ const VideoPlayerV2 = vue.defineComponent({
         } = detailRes;
         if (res.data.data[0]) {
           data.data.webrtcTemplateMerged = res.data.data[0];
+          releaseUrl.value = res.data.data[1];
           data.data.mediaServerPo.url = res.data.data[2];
           videoInfo2.value = {
             ...data.data,
@@ -9268,7 +9275,7 @@ const VideoBoxV2 = vue.defineComponent({
       streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
     };
     let timeout;
-    let show = vue.ref(true);
+    vue.ref(true);
     vue.onBeforeUnmount(() => {});
     const fill = vue.ref("fill");
     vue.watch(() => _prop.camera, val => {
@@ -9298,7 +9305,7 @@ const VideoBoxV2 = vue.defineComponent({
     };
     return () => vue.createVNode("div", {
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
-    }, [show.value ? vue.createVNode(VideoPlayerV2, {
+    }, [camera.value.brandTypeCode !== "MP4" ? vue.createVNode(VideoPlayerV2, {
       "ref": player,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
@@ -9308,7 +9315,14 @@ const VideoBoxV2 = vue.defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null) : "", showInfo.value ? vue.createVNode("div", {
+    }, null) : vue.createVNode("video", {
+      "class": "videoStatic",
+      "src": camera.value.mp4ResourcesPath,
+      "controls": true,
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? vue.createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -9329,113 +9343,115 @@ const VideoBoxV2 = vue.defineComponent({
     }, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      switch (btn) {
-        case "fill":
-          return vue.createVNode("img", {
-            "title": "\u62C9\u4F38/\u539F\u59CB\u5C3A\u5BF8",
-            "onClick": e => {
-              if (fill.value === "fill") {
-                fill.value = "contain";
-                localStorage.setItem(camera.value.uuid, fill.value);
-              } else {
-                fill.value = "fill";
-                localStorage.setItem(camera.value.uuid, fill.value);
-              }
-            },
-            "src": "/micro-assets/inl/video/controls/fill.svg"
-          }, null);
-        case "look":
-          return vue.createVNode("img", {
-            "title": "\u6253\u5F00/\u5173\u95ED\u5C5E\u6027\u663E\u793A",
-            "onClick": e => {
-              showInfo.value = !showInfo.value;
-            },
-            "src": "/micro-assets/inl/video/controls/show.png"
-          }, null);
-        case "stream":
-          return vue.createVNode(vue.resolveComponent("a-popover"), {
-            "title": "\u5207\u6362\u7801\u6D41",
-            "content": vue.createVNode("div", null, [streams.value.map(stream => {
-              return vue.createVNode("div", {
-                "class": "btn",
-                "onClick": () => {
-                  changeStream(stream.code);
-                  streamHistory.value = stream.code;
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close")) {
+        switch (btn) {
+          case "fill":
+            return vue.createVNode("img", {
+              "title": "\u62C9\u4F38/\u539F\u59CB\u5C3A\u5BF8",
+              "onClick": e => {
+                if (fill.value === "fill") {
+                  fill.value = "contain";
+                  localStorage.setItem(camera.value.uuid, fill.value);
+                } else {
+                  fill.value = "fill";
+                  localStorage.setItem(camera.value.uuid, fill.value);
                 }
-              }, [stream.name]);
-            })])
-          }, {
-            default: () => [vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/stream.png"
-            }, null)]
-          });
-        case "direction":
-          return vue.createVNode(vue.resolveComponent("a-popover"), {
-            "title": "\u63A7\u5236\u5668",
-            "content": vue.createVNode("div", {
-              "class": "videoControls"
-            }, [vue.createVNode("div", {
-              "class": "videoControl"
-            }, [vue.createVNode("img", {
-              "class": "bg",
-              "src": "/micro-assets/inl/video/controls/circle.png"
-            }, null), videoBtns.map(ele => {
-              return vue.createVNode("div", null, [ele.map(btn2 => {
-                return vue.createVNode("img", {
-                  "class": btn2.text,
-                  "src": "/micro-assets/inl/video/controls/up.svg",
-                  "onClick": e => videoMove(btn2.signal)
-                }, null);
-              })]);
-            })]), vue.createVNode("div", {
-              "class": "flex"
-            }, [vue.createVNode("div", {
-              "class": "flex1 btns"
-            }, [vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/controls/smaller.svg",
-              "onClick": e => videoMove(16)
-            }, null), vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/controls/bigger.svg",
-              "onClick": e => videoMove(15)
-            }, null)]), vue.createVNode("div", {
-              "class": "flex1 btns"
-            }, [vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/controls/go.svg",
-              "onClick": e => videoMove(14)
-            }, null), vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/controls/back.svg",
-              "onClick": e => videoMove(13)
-            }, null)])]), vue.createVNode("div", {
-              "class": "flex"
-            }, [vue.createVNode("div", {
-              "class": "flex1 btns"
-            }, [vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/controls/light.svg",
-              "onClick": e => videoMove(2)
-            }, null), vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/controls/rain.svg",
-              "onClick": e => videoMove(3)
-            }, null)])])])
-          }, {
-            default: () => [vue.createVNode("img", {
-              "src": "/micro-assets/inl/video/control.png"
-            }, null)]
-          });
-        case "fullScreen":
-          return vue.createVNode("img", {
-            "onClick": e => {
-              e.stopPropagation();
-              player.value.videoFull();
-            },
-            "src": "/micro-assets/inl/video/putUp.png"
-          }, null);
-        case "close":
-          return vue.createVNode("img", {
-            "onClick": e => {
-              _context.emit("close");
-            },
-            "src": "/micro-assets/inl/video/close.png"
-          }, null);
+              },
+              "src": "/micro-assets/inl/video/controls/fill.svg"
+            }, null);
+          case "look":
+            return vue.createVNode("img", {
+              "title": "\u6253\u5F00/\u5173\u95ED\u5C5E\u6027\u663E\u793A",
+              "onClick": e => {
+                showInfo.value = !showInfo.value;
+              },
+              "src": "/micro-assets/inl/video/controls/show.png"
+            }, null);
+          case "stream":
+            return vue.createVNode(vue.resolveComponent("a-popover"), {
+              "title": "\u5207\u6362\u7801\u6D41",
+              "content": vue.createVNode("div", null, [streams.value.map(stream => {
+                return vue.createVNode("div", {
+                  "class": "btn",
+                  "onClick": () => {
+                    changeStream(stream.code);
+                    streamHistory.value = stream.code;
+                  }
+                }, [stream.name]);
+              })])
+            }, {
+              default: () => [vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/stream.png"
+              }, null)]
+            });
+          case "direction":
+            return vue.createVNode(vue.resolveComponent("a-popover"), {
+              "title": "\u63A7\u5236\u5668",
+              "content": vue.createVNode("div", {
+                "class": "videoControls"
+              }, [vue.createVNode("div", {
+                "class": "videoControl"
+              }, [vue.createVNode("img", {
+                "class": "bg",
+                "src": "/micro-assets/inl/video/controls/circle.png"
+              }, null), videoBtns.map(ele => {
+                return vue.createVNode("div", null, [ele.map(btn2 => {
+                  return vue.createVNode("img", {
+                    "class": btn2.text,
+                    "src": "/micro-assets/inl/video/controls/up.svg",
+                    "onClick": e => videoMove(btn2.signal)
+                  }, null);
+                })]);
+              })]), vue.createVNode("div", {
+                "class": "flex"
+              }, [vue.createVNode("div", {
+                "class": "flex1 btns"
+              }, [vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/controls/smaller.svg",
+                "onClick": e => videoMove(16)
+              }, null), vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/controls/bigger.svg",
+                "onClick": e => videoMove(15)
+              }, null)]), vue.createVNode("div", {
+                "class": "flex1 btns"
+              }, [vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/controls/go.svg",
+                "onClick": e => videoMove(14)
+              }, null), vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/controls/back.svg",
+                "onClick": e => videoMove(13)
+              }, null)])]), vue.createVNode("div", {
+                "class": "flex"
+              }, [vue.createVNode("div", {
+                "class": "flex1 btns"
+              }, [vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/controls/light.svg",
+                "onClick": e => videoMove(2)
+              }, null), vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/controls/rain.svg",
+                "onClick": e => videoMove(3)
+              }, null)])])])
+            }, {
+              default: () => [vue.createVNode("img", {
+                "src": "/micro-assets/inl/video/control.png"
+              }, null)]
+            });
+          case "fullScreen":
+            return vue.createVNode("img", {
+              "onClick": e => {
+                e.stopPropagation();
+                player.value.videoFull();
+              },
+              "src": "/micro-assets/inl/video/putUp.png"
+            }, null);
+          case "close":
+            return vue.createVNode("img", {
+              "onClick": e => {
+                _context.emit("close");
+              },
+              "src": "/micro-assets/inl/video/close.png"
+            }, null);
+        }
       }
     })])])]);
   }
@@ -12686,7 +12702,6 @@ async function audioToText(file) {
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-let stream;
 const SpeechRecognition = vue.defineComponent({
   emits: ["change", "close"],
   setup(props, {
@@ -12697,40 +12712,42 @@ const SpeechRecognition = vue.defineComponent({
     const text = vue.ref("");
     const boxRef = vue.inject("boxRef");
     const startRecord = () => {
-      if (!stream) return;
-      text.value = "";
-      mediaRecorder = new MediaRecorder(stream);
-      mediaRecorder.start();
-      recording.value = true;
-      mediaRecorder.ondataavailable = e => {
-        const blob = new Blob([e.data], {
-          type: "audio/mp4"
-        });
-        const file = new File([blob], "recordedAudio.m4a", {
-          type: blob.type
-        });
-        audioToText(file).then(str => {
-          text.value = str;
-        }).catch(() => {
-          antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
-        });
-      };
-      mediaRecorder.onstop = () => recording.value = false;
-    };
-    vue.onMounted(() => {
-      if (!stream) {
-        navigator.mediaDevices.getUserMedia({
-          audio: true
-        }).then(s => {
-          stream = s;
-          startRecord();
-        }).catch(() => {
-          antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
-        });
-      } else {
-        startRecord();
+      if (!navigator.mediaDevices) {
+        antDesignVue.message.error("\u4E0D\u652F\u6301mediaDevices");
+        return;
       }
-    });
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(stream => {
+        if (!MediaRecorder) {
+          antDesignVue.message.error("\u4E0D\u652F\u6301MediaRecorder");
+        }
+        text.value = "";
+        mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        recording.value = true;
+        mediaRecorder.ondataavailable = e => {
+          const blob = new Blob([e.data], {
+            type: "audio/mp4"
+          });
+          const file = new File([blob], "recordedAudio.m4a", {
+            type: blob.type
+          });
+          audioToText(file).then(str => {
+            text.value = str;
+          }).catch(() => {
+            antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
+          });
+        };
+        mediaRecorder.onstop = () => {
+          recording.value = false;
+          stream.getTracks().forEach(track => track.stop());
+        };
+      }).catch(e => {
+        antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
+      });
+    };
+    vue.onMounted(startRecord);
     const handleStop = () => {
       if (mediaRecorder) {
         mediaRecorder.stop();