pb-sxp-ui 1.0.38 → 1.0.40

package/dist/index.cjs

@@ -12039,6 +12039,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
         }
     }, [bffEventReport, data, index, isFirstPlay]);
     const handleCanplay = React.useCallback(() => {
+        handLoadeddata();
         setIsLoadFinish(true);
     }, []);
     const handleClickVideo = React.useCallback((type) => () => {
@@ -12108,21 +12109,28 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
         return ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) || firstFrameSrc;
     }, [firstFrameSrc, rec]);
     const handLoadeddata = React.useCallback(() => {
+        var _a;
         const videoDomRef = document.getElementById(`${videoId}_html5_api`);
-        if (!canvasRef || !videoDomRef || !canvasRef.current)
+        if (((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) || !canvasRef || !videoDomRef || !canvasRef.current)
             return;
-        const video = videoDomRef;
-        const canvas = canvasRef === null || canvasRef === void 0 ? void 0 : canvasRef.current;
-        const ctx = canvas.getContext('2d');
-        const targetWidth = window === null || window === void 0 ? void 0 : window.innerWidth;
-        const targetHeight = window === null || window === void 0 ? void 0 : window.innerHeight;
-        canvas.height = targetHeight;
-        canvas.width = targetWidth;
-        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-        setFirstFrameSrc(canvas.toDataURL());
+        const setFrameImg = () => {
+            const video = videoDomRef;
+            const canvas = canvasRef === null || canvasRef === void 0 ? void 0 : canvasRef.current;
+            const ctx = canvas.getContext('2d');
+            const targetWidth = window === null || window === void 0 ? void 0 : window.innerWidth;
+            const targetHeight = window === null || window === void 0 ? void 0 : window.innerHeight;
+            canvas.height = targetHeight;
+            canvas.width = targetWidth;
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+            setFirstFrameSrc(canvas.toDataURL());
+        };
+        setFrameImg();
+        setTimeout(() => {
+            setFrameImg();
+        }, 500);
     }, []);
     React.useEffect(() => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         setIsPauseVideo(false);
         const videoSrc = rec.video.url;
         if (videoSrc && typeof TCPlayer === 'function') {
@@ -12141,21 +12149,23 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
                 posterImage: false,
                 bigPlayButton: true
             });
+            videoRef.current.play();
+            videoRef.current.pause();
         }
         (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.on('loadedmetadata', handleCanplay);
         (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.on('canplay', handleCanplay);
         (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.on('playing', handlePlaying);
-        (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.on('loadeddata', handLoadeddata);
-        (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.on('pause', handlePause);
-        (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.on('ended', handleEnded);
+        // videoRef.current?.on('loadeddata', handLoadeddata);
+        (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.on('pause', handlePause);
+        (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.on('ended', handleEnded);
         return () => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e;
             (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.off('loadedmetadata', handleCanplay);
             (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.off('canplay', handleCanplay);
             (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.off('playing', handlePlaying);
-            (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.off('loadeddata', handLoadeddata);
-            (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.off('pause', handlePause);
-            (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.off('ended', handleEnded);
+            // videoRef.current?.off('loadeddata', handLoadeddata);
+            (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.off('pause', handlePause);
+            (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.off('ended', handleEnded);
             videoRef.current.dispose();
         };
     }, []);
@@ -12575,7 +12585,7 @@ const Nudge = ({ nudge }) => {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-01-15 19:03:09
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-18 19:27:03
+ * @LastEditTime: 2024-04-25 17:03:41
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -12936,7 +12946,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
             } })),
         renderLogo,
         isShowFingerTip ? React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon }) : null,
-        React.createElement(Swiper, { ref: swiperRef, onActiveIndexChange: (swiper) => {
+        React.createElement(Swiper, { ref: swiperRef, onSlideChange: () => {
+                swiperRef.current.swiper.allowTouchMove = false;
+                setTimeout(() => {
+                    swiperRef.current.swiper.allowTouchMove = true;
+                }, 500);
+            }, onActiveIndexChange: (swiper) => {
                 setActiveIndex(swiper.activeIndex);
                 if (openHashtag)
                     return;
@@ -12953,6 +12968,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                     }
                 }
             }, 
+            // style={{
+            //   pointerEvents: canSwiper ? 'auto' : 'none'
+            // }}
             // onReachEnd={() => {
             //   // 由hashtaglist跳转过来时不执行下面的方法
             //   if (waterFallData) return;