zy-react-library 1.0.132 → 1.0.134

package/components/HiddenInfo/gwj/index.js

@@ -12,6 +12,7 @@ import HeaderBack from "../../HeaderBack";
 import VideoIcon from "../../Icon/VideoIcon";
 import PreviewImg from "../../PreviewImg";
 import PreviewPdf from "../../PreviewPdf";
+import Video from "../../Video";
 
 /**
  * 隐患查看组件（港务局版本）
@@ -42,6 +43,7 @@ function HiddenInfo(props) {
   const [acceptImageFiles, setAcceptImageFiles] = useState([]);
   const [inspectionAcceptImageFiles, setInspectionAcceptImageFiles] = useState([]);
   const [loading, setLoading] = useState(true);
+  const [videoModalOpen, setVideoModalOpen] = useState(true);
 
   const { getFile } = useGetFile();
   const query = useGetUrlQuery();
@@ -146,7 +148,14 @@ function HiddenInfo(props) {
                 }),
               },
               { label: "隐患图片", children: <PreviewImg files={hiddenImageFiles} /> },
-              ...(hiddenVideoFiles.length > 0 ? [{ label: "隐患视频", children: <VideoIcon /> }] : []),
+              ...(hiddenVideoFiles.length > 0
+                ? [{ label: "隐患视频", children: (
+                    <VideoIcon onClick={() => {
+                      setVideoModalOpen(true);
+                    }}
+                    />
+                  ) }]
+                : []),
             ]}
           />
           {
@@ -420,6 +429,16 @@ function HiddenInfo(props) {
           }
         </div>
       </Spin>
+      {
+        videoModalOpen && (
+          <Video
+            visible={videoModalOpen}
+            source={hiddenVideoFiles[0].url}
+            onCancel={() => setVideoModalOpen(false)}
+            title="隐患视频"
+          />
+        )
+      }
     </div>
   );
 }

package/components/Video/index.d.ts

@@ -2,6 +2,8 @@ import type { ForwardRefExoticComponent, RefAttributes } from "react";
 import type { AliPlayerProps, AliPlayerRef } from "./AliPlayer";
 
 export interface VideoProps extends Omit<AliPlayerProps, "onEnded" | "onTimeupdate"> {
+  /** 弹窗标题，默认 “视频” */
+  title?: string;
   /** 是否显示弹窗 */
   visible?: boolean;
   /** 是否内联模式 */

package/components/Video/index.js

@@ -1,4 +1,4 @@
-import { Modal } from "antd";
+import { Button, Modal } from "antd";
 import { useEffect, useRef, useState } from "react";
 import { getFileUrl } from "../../utils";
 import AliPlayer from "./AliPlayer";
@@ -21,7 +21,6 @@ const Video = ({
   title = "视频",
   visible: externalVisible = false,
   onCancel,
-  ...restProps
 }) => {
   const [internalVisible, setInternalVisible] = useState(false);
   const playerRef = useRef(null);
@@ -68,15 +67,15 @@ const Video = ({
     return (
       <Modal
         open={visible}
+        width={800}
         title={title}
         footer={[
-          <button key="cancel" onClick={() => setVisible(false)}>
+          <Button key="cancel" onClick={() => setVisible(false)}>
             取消
-          </button>,
+          </Button>,
         ]}
         maskClosable={false}
         onCancel={() => setVisible(false)}
-        {...restProps}
       >
         {playerElement}
       </Modal>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zy-react-library",
   "private": false,
-  "version": "1.0.132",
+  "version": "1.0.134",
   "type": "module",
   "description": "",
   "author": "LiuJiaNan",