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

package/dist/index.cjs

@@ -19482,7 +19482,7 @@ const PictureGroup = ({ imgUrls, width, height, imgUrlsPostConfig, rec, index, s
 };
 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);
@@ -19585,15 +19585,6 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
                 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]);
@@ -19621,7 +19612,7 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
         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)) {
@@ -19644,9 +19635,15 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
     };
     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;
@@ -19678,9 +19675,10 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
         // 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);
@@ -19688,7 +19686,8 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
             // 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(() => {
@@ -19744,7 +19743,7 @@ var VideoWidget$1 = React.memo(VideoWidget);
  * @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
  *
  */
@@ -19932,7 +19931,7 @@ Object.values(_materials_).forEach((v) => {
 });
 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);
@@ -19965,10 +19964,6 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
             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);
             }
         };
     });
@@ -19986,7 +19981,7 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
     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 }));