pb-sxp-ui 1.15.13-alpha.5 → 1.15.15-alpha.1

package/dist/pb-ui.js

@@ -19475,7 +19475,7 @@ Made in Italy` })));
     };
     var PictureGroup$1 = React.memo(PictureGroup);
 
-    const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeIndex, videoPostConfig, width, swiperRef, videoPlayIcon, handleUpdateTimeline, loopPlay }, ref) => {
+    const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeIndex, videoPostConfig, width, swiperRef, videoPlayIcon, onUpdateTimeLine, loopPlay, onPlay, onPause }, ref) => {
         const { isActive } = useSwiperSlide();
         const [isPauseVideo, setIsPauseVideo] = React.useState(false);
         const videoRef = React.useRef(null);
@@ -19578,15 +19578,6 @@ Made in Italy` })));
                     break;
             }
         }, [isLoadFinish]);
-        React.useCallback(() => {
-            var _a, _b, _c, _d, _e, _f;
-            data[index];
-            ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
-            ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
-            if ((_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.duration) {
-                (((_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.currentTime) - videoStartTime.current).toFixed(2);
-            }
-        }, [data, index, bffEventReport]);
         const blur = React.useMemo(() => {
             return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
         }, [videoPostConfig]);
@@ -19614,7 +19605,7 @@ Made in Italy` })));
             if (!videoRef.current)
                 return;
             const localTime = ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) - (rec === null || rec === void 0 ? void 0 : rec.startTime);
-            handleUpdateTimeline === null || handleUpdateTimeline === void 0 ? void 0 : handleUpdateTimeline(index, localTime);
+            onUpdateTimeLine === null || onUpdateTimeLine === void 0 ? void 0 : onUpdateTimeLine(index, localTime);
             setTimeout(() => {
                 var _a, _b;
                 if (((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) >= ((_b = rec === null || rec === void 0 ? void 0 : rec.endTime) !== null && _b !== void 0 ? _b : 0)) {
@@ -19637,9 +19628,15 @@ Made in Italy` })));
         };
         const handlePause = () => {
             setIsPauseVideo(true);
+            onPause === null || onPause === void 0 ? void 0 : onPause();
+        };
+        const handlePlay = () => {
+            var _a;
+            const localTime = ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) - (rec === null || rec === void 0 ? void 0 : rec.startTime);
+            onPlay === null || onPlay === void 0 ? void 0 : onPlay(index, localTime);
         };
         React.useEffect(() => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             if (!isActive)
                 return;
             const videoSrc = rec === null || rec === void 0 ? void 0 : rec.mediaUrl;
@@ -19671,9 +19668,10 @@ Made in Italy` })));
             // videoRef.current?.addEventListener('playing', handlePlaying);
             // videoRef.current?.addEventListener('loadeddata', handLoadeddata);
             (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('pause', handlePause);
-            (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener('timeupdate', handleTimeUpload);
+            (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener('play', handlePlay);
+            (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.addEventListener('timeupdate', handleTimeUpload);
             return () => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e;
                 if (hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current)
                     (_a = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
                 setIsLoadFinish(false);
@@ -19681,7 +19679,8 @@ Made in Italy` })));
                 // videoRef.current?.removeEventListener('playing', handlePlaying);
                 // videoRef.current?.removeEventListener('loadeddata', handLoadeddata);
                 (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('pause', handlePause);
-                (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('timeupdate', handleTimeUpload);
+                (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('play', handlePlay);
+                (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('timeupdate', handleTimeUpload);
             };
         }, [isActive]);
         const renderPoster = React.useMemo(() => {
@@ -19737,7 +19736,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2025-03-25 13:54:27
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2025-03-31 14:29:21
+     * @LastEditTime: 2025-04-01 17:54:08
      * @FilePath: \pb-sxp-ui\src\core\components\DiyStoryPreview\index.tsx
      *
      */
@@ -19925,7 +19924,7 @@ Made in Italy` })));
     });
     const defaultUnLikeIconPath = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
     const defaultLikeIconPath = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
-    const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle, containerHeight = 664, containerWidth = 375, appDomain, tagList = [], scenes, onActiveChange, activeIndex, loopPlay = false, pointerEvents = 'none', onUpdateTimeLine, disabledListener }, ref) => {
+    const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle, containerHeight = 664, containerWidth = 375, appDomain, tagList = [], scenes, onActiveChange, activeIndex, loopPlay = false, pointerEvents = 'none', onUpdateTimeLine, disabledListener, onPlay, onPause }, ref) => {
         const videoWidgetRef = React.useRef(null);
         const swiperRef = React.useRef(null);
         const [curIndex, setCurIndex] = React.useState(0);
@@ -19958,10 +19957,6 @@ Made in Italy` })));
                 isPlaying() {
                     var _a, _b;
                     return (_b = (_a = videoWidgetRef === null || videoWidgetRef === void 0 ? void 0 : videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.isPlaying()) !== null && _b !== void 0 ? _b : false;
-                },
-                setLoopPlay(v) {
-                    var _a;
-                    (_a = videoWidgetRef === null || videoWidgetRef === void 0 ? void 0 : videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(v);
                 }
             };
         });
@@ -19979,7 +19974,7 @@ Made in Italy` })));
         const renderContent = (rec, index) => {
             const isVideo = isVideoUrl(rec === null || rec === void 0 ? void 0 : rec.mediaUrl);
             if (isVideo) {
-                return (React.createElement(VideoWidget$1, Object.assign({ key: index }, (curIndex === index && { ref: videoWidgetRef }), { rec: rec, index: index, muted: true, width: containerWidth, data: scenes !== null && scenes !== void 0 ? scenes : [], height: containerHeight, activeIndex: index, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon, swiperRef: swiperRef, loopPlay: loopPlay, handleUpdateTimeline: onUpdateTimeLine })));
+                return (React.createElement(VideoWidget$1, Object.assign({ key: index }, (curIndex === index && { ref: videoWidgetRef }), { rec: rec, index: index, muted: true, width: containerWidth, data: scenes !== null && scenes !== void 0 ? scenes : [], height: containerHeight, activeIndex: index, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon, swiperRef: swiperRef, loopPlay: loopPlay, onUpdateTimeLine: onUpdateTimeLine, onPlay: onPlay, onPause: onPause })));
             }
             else {
                 return (React.createElement(PictureGroup$1, { key: rec.itemId, imgUrls: [rec === null || rec === void 0 ? void 0 : rec.mediaUrl], width: containerWidth, height: containerHeight, rec: rec, index: index, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost, data: scenes !== null && scenes !== void 0 ? scenes : [], swiperRef: swiperRef }));