@icos-desktop/react-components 2.2.12 → 2.2.13-zdhd.1.p

package/dist/icos-desktop.d.ts

@@ -1502,6 +1502,14 @@ interface VideoPlayerProps {
      * 视频源类型
      */
     videoStreamSource?: 'cityeyes' | 'hikvision' | 'custom';
+    /**
+     * 视频播放器宽度
+     */
+    width?: number;
+    /**
+     * 视频播放器高度
+     */
+    height?: number;
 }
 
 declare const VideoPlayer: (props: VideoPlayerProps) => React.JSX.Element;

package/dist/icos-desktop.js

@@ -7702,9 +7702,11 @@ var Cityeyes = function (_a) {
     return React__default.createElement("video", { ref: videoElement, style: { width: '100%', height: '100%' }, autoPlay: true });
 };
 
+// import { useExternal } from 'ahooks';
 var H5player = function (_a) {
-    var url = _a.url, libPath = _a.libPath;
-    var status = useExternal("".concat(libPath, "/h5player.min.js"), { type: 'js' });
+    // const status = useExternal(`${libPath}/h5player.min.js`, { type: 'js' });
+    var url = _a.url, libPath = _a.libPath, width = _a.width, height = _a.height;
+    // console.log('status', status);
     var videoRef = useRef(null);
     var videoElementId = useState(function () { return v4(); })[0];
     var _b = useState(false), init = _b[0], setInit = _b[1];
@@ -7718,24 +7720,41 @@ var H5player = function (_a) {
             }
         }
     }, [init, url]);
+    // TODO: 重大活动保障定制
     useEffect(function () {
-        var JSPlugin = window.JSPlugin;
-        if (status === 'ready' && JSPlugin && !videoRef.current) {
+        var JSPlugin = window.parent.JSPlugin;
+        if (JSPlugin && !videoRef.current) {
             videoRef.current = new JSPlugin({
                 szId: videoElementId,
                 szBasePath: libPath,
                 bSupporDoubleClickFull: true,
                 iMaxSplit: 1,
+                iWidth: width,
+                iHeight: height,
             });
             setInit(true);
         }
-    }, [status]);
+    }, []);
+    // useEffect(() => {
+    //   const JSPlugin = (window as any).JSPlugin;
+    //   if (status === 'ready' && JSPlugin && !videoRef.current) {
+    //     videoRef.current = new JSPlugin({
+    //       szId: videoElementId,
+    //       szBasePath: libPath,
+    //       bSupporDoubleClickFull: true,
+    //       iMaxSplit: 1,
+    //       iWidth: width,
+    //       iHeight: height,
+    //     });
+    //     setInit(true);
+    //   }
+    // }, [status]);
     return React__default.createElement("div", { id: videoElementId, style: { width: '100%', height: '100%' } });
 };
 
 var Player = function (props) {
     var _a, _b;
-    var libsPath = props.libsPath, url = props.url, videoPlayerType = props.videoPlayerType;
+    var libsPath = props.libsPath, url = props.url, videoPlayerType = props.videoPlayerType, width = props.width, height = props.height;
     var cityeyesPath = (_a = libsPath === null || libsPath === void 0 ? void 0 : libsPath.cityeyes) !== null && _a !== void 0 ? _a : 'https://unpkg.com/hls.js';
     var h5playerPath = (_b = libsPath === null || libsPath === void 0 ? void 0 : libsPath.h5player) !== null && _b !== void 0 ? _b : '/libs/h5player';
     if (!url) {
@@ -7745,7 +7764,7 @@ var Player = function (props) {
         return React__default.createElement(Cityeyes, { url: url, libPath: cityeyesPath });
     }
     if (videoPlayerType === 'h5player') {
-        return React__default.createElement(H5player, { url: url, libPath: h5playerPath });
+        return React__default.createElement(H5player, { url: url, libPath: h5playerPath, width: width, height: height });
     }
 };
 
@@ -7754,7 +7773,7 @@ var styles$k = {"container":"VideoPlayer-module_container__Afx8w","control":"Vid
 styleInject(css_248z$k);
 
 var VideoPlayer = function (props) {
-    var libsPath = props.libsPath, url = props.url, senseGlobalCode = props.senseGlobalCode, channelId = props.channelId, videoPlayerType = props.videoPlayerType, videoStreamSource = props.videoStreamSource;
+    var libsPath = props.libsPath, url = props.url, senseGlobalCode = props.senseGlobalCode, channelId = props.channelId, videoPlayerType = props.videoPlayerType, videoStreamSource = props.videoStreamSource, width = props.width, height = props.height;
     var _a = useState(false), openControl = _a[0], setOpenControl = _a[1];
     /**
      * 视频播放器需要参数 url 和 videoPlayerType
@@ -7815,7 +7834,7 @@ var VideoPlayer = function (props) {
         return null;
     }
     return (React__default.createElement("div", { className: styles$k.container },
-        React__default.createElement(Player, { libsPath: libsPath, videoPlayerType: data.videoPlayerType, url: data.url }),
+        React__default.createElement(Player, { libsPath: libsPath, videoPlayerType: data.videoPlayerType, url: data.url, width: width, height: height }),
         data.ptzControl ? (React__default.createElement("div", { className: styles$k.control, onClick: handleOpenControl },
             React__default.createElement(FullscreenOutlined, null),
             React__default.createElement("span", null, "\u8BBE\u5907\u63A7\u5236"))) : null,
@@ -12977,11 +12996,11 @@ var CcosVideoPlayer = function (props) {
 CcosVideoPlayer.settings = settings$1;
 
 try {
-    window._ICOS_DESKTOP_VERSION_ = JSON.parse('{"version":"2.2.12","branch":"release_v2.2.0","buildDate":"2025-07-29 11:01:46"}');
+    window._ICOS_DESKTOP_VERSION_ = JSON.parse('{"version":"2.2.13-zdhd.1.p","branch":"release_v2.2.0","buildDate":"2025-07-29 20:37:38"}');
 }
 catch (err) {
     console.warn(err);
-    window._ICOS_DESKTOP_VERSION_ = '{"version":"2.2.12","branch":"release_v2.2.0","buildDate":"2025-07-29 11:01:46"}';
+    window._ICOS_DESKTOP_VERSION_ = '{"version":"2.2.13-zdhd.1.p","branch":"release_v2.2.0","buildDate":"2025-07-29 20:37:38"}';
 }
 
 export { BookDetail, BookGroupImport, BookGroupTable, BookImport, BookInfo, BookSelect, BookTable, CcosBookDetail, CcosImportTable, CcosSenseContentTable, CcosSenseCreate, CcosSenseDetail, CcosSenseEdit, CcosSenseFullTable, CcosSenseManager, CcosSenseSearch, CcosSenseTree, CcosSenseView, CcosTagConfig, CcosVideoControl, CcosVideoPlayer, EntityClassFilter, EntityClassTreeSelect, ImportTable, Modal, OrgTreeSelect, PersonSelector, ProTable$1 as ProTable, RegionCascader, RegionTreeSelect, RelationGraph, SenseContentTable, SenseCreate, SenseDetail, SenseEdit, SenseForm, SenseFullTable, SenseInfo, SenseManager, SenseSearch, SenseTable, SenseTree, SenseView, TagConfig, TagTreeSelect, VideoControl, VideoPlayer, setCconfig as config };