pb-sxp-ui 1.0.38 → 1.0.40

package/dist/pb-ui.js

@@ -12031,6 +12031,7 @@ Made in Italy` })));
             }
         }, [bffEventReport, data, index, isFirstPlay]);
         const handleCanplay = React.useCallback(() => {
+            handLoadeddata();
             setIsLoadFinish(true);
         }, []);
         const handleClickVideo = React.useCallback((type) => () => {
@@ -12100,21 +12101,28 @@ Made in Italy` })));
             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') {
@@ -12133,21 +12141,23 @@ Made in Italy` })));
                     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();
             };
         }, []);
@@ -12567,7 +12577,7 @@ Made in Italy` })));
      * @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
      *
      */
@@ -12928,7 +12938,12 @@ Made in Italy` })));
                 } })),
             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;
@@ -12945,6 +12960,9 @@ Made in Italy` })));
                         }
                     }
                 }, 
+                // style={{
+                //   pointerEvents: canSwiper ? 'auto' : 'none'
+                // }}
                 // onReachEnd={() => {
                 //   // 由hashtaglist跳转过来时不执行下面的方法
                 //   if (waterFallData) return;