pb-sxp-ui 1.0.49 → 1.0.51

package/dist/index.cjs

@@ -12115,6 +12115,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (!videoRef)
             return;
+        setIsLoadFinish(true);
         setIsPauseVideo(false);
         const item = data[index];
         if (item && (videoRef === null || videoRef === void 0 ? void 0 : videoRef.duration())) {
@@ -12142,13 +12143,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
     }, [bffEventReport, data, index, isFirstPlay, videoRef]);
     const handLoadeddata = React.useCallback(() => {
         var _a;
-        if (!videoRef || isBgColor || firstFrameSrc || !blur)
+        if (!videoRef || firstFrameSrc || !blur)
             return;
         const videoDomRef = document.getElementById('player-container-id_html5_api');
-        if (((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) || !canvasRef || !videoDomRef || !canvasRef.current)
+        if (!videoDomRef)
+            return;
+        videoDomRef.style.objectFit = 'contain';
+        if (((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) || !canvasRef || !canvasRef.current || isBgColor)
             return;
         const setFrameImg = () => {
-            videoDomRef.style.objectFit = 'contain';
             const video = videoDomRef;
             const canvas = canvasRef === null || canvasRef === void 0 ? void 0 : canvasRef.current;
             const ctx = canvas.getContext('2d');
@@ -12172,9 +12175,9 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
         //   videoRef?.play();
         //   videoRef?.pause();
         // }
-        setIsLoadFinish(true);
+        // setIsLoadFinish(true);
     }, [videoRef, handLoadeddata]);
-    const handleCanplay = React.useCallback(() => {
+    React.useCallback(() => {
         setIsLoadFinish(true);
     }, []);
     const handleClickVideo = React.useCallback((type) => () => {
@@ -12248,11 +12251,10 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
         if (!dom && !dom2)
             return;
         videoPlayerWrapperNode === null || videoPlayerWrapperNode === void 0 ? void 0 : videoPlayerWrapperNode.appendChild(dom || dom2);
-        videoRef.poster('https://graff-cdn.chatlabs.net/dev/img/8922b5b8-a954-4a61-9ffc-80edebdf02b4/sxp-portal/20240218/fsTan2fgYKJWrCpJtGZPogm0NnvdT1708239153661.jpeg');
         videoRef === null || videoRef === void 0 ? void 0 : videoRef.src(videoSrc);
         videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('loadedmetadata', handleLoadedmetadata);
         videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('loadeddata', handLoadeddata);
-        videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('canplay', handleCanplay);
+        // videoRef?.on('canplay', handleCanplay);
         videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('playing', handlePlaying);
         videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('pause', handlePause);
         videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('ended', handleEnded);
@@ -12260,7 +12262,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
             dom2 === null || dom2 === void 0 ? void 0 : dom2.appendChild(dom);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.off('loadedmetadata', handleLoadedmetadata);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.off('loadeddata', handLoadeddata);
-            videoRef === null || videoRef === void 0 ? void 0 : videoRef.off('canplay', handleCanplay);
+            // videoRef?.off('canplay', handleCanplay);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.off('playing', handlePlaying);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.off('pause', handlePause);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.off('ended', handleEnded);
@@ -12660,7 +12662,7 @@ const Nudge = ({ nudge }) => {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-01-15 19:03:09
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-30 15:43:40
+ * @LastEditTime: 2024-04-30 16:16:05
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -12834,9 +12836,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo)) {
             minusHeight += 45;
         }
-        if (tagList.length > 0) {
-            minusHeight += 45;
-        }
+        // if (tagList.length > 0) {
+        //   minusHeight += 45;
+        // }
         return containerHeight - minusHeight;
     }, [globalConfig, containerHeight, tagList]);
     const renderLogo = React.useMemo(() => {