pb-sxp-ui 1.15.15-alpha.1 → 1.15.15-alpha.2

package/dist/index.cjs

@@ -19487,11 +19487,11 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
     const [isPauseVideo, setIsPauseVideo] = React.useState(false);
     const videoRef = React.useRef(null);
     const { bffEventReport, sxpParameter, waterFallData, openHashtag } = useSxpDataSource();
-    const videoStartTime = React.useRef(0);
+    React.useRef(0);
     const [isLoadFinish, setIsLoadFinish] = React.useState(false);
-    const [isFirstPlay, setIsFirstPlay] = React.useState(true);
-    const canvasRef = React.useRef(null);
-    const [firstFrameSrc, setFirstFrameSrc] = React.useState('');
+    React.useState(true);
+    React.useRef(null);
+    React.useState('');
     const videoId = `pb-cache-video-${index}`;
     const hlsRef = React.useRef(null);
     const loopPlayRef = React.useRef(loopPlay);
@@ -19516,8 +19516,6 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
                 setIsPauseVideo(true);
             },
             setLoopPlay(v) {
-                if (!videoRef.current)
-                    return;
                 loopPlayRef.current = v;
             },
             isPlaying() {
@@ -19531,22 +19529,7 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
             return;
         videoRef.current.muted = muted;
     }, [muted]);
-    React.useCallback(() => {
-        var _a;
-        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
-    }, []);
     const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
-    React.useCallback(() => {
-        var _a, _b, _c, _d, _e, _f;
-        setIsPauseVideo(false);
-        const item = data[index];
-        if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
-            videoStartTime.current = ((_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.currentTime) || 0;
-            ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.duration) !== null && _d !== void 0 ? _d : 0).toFixed(2);
-            ((_f = (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.currentTime) !== null && _f !== void 0 ? _f : 0).toFixed(2);
-            setIsFirstPlay(false);
-        }
-    }, [bffEventReport, data, index, isFirstPlay]);
     const handleLoadedMetadata = React.useCallback(() => {
         var _a;
         videoRef.current.currentTime = rec === null || rec === void 0 ? void 0 : rec.startTime;
@@ -19588,50 +19571,24 @@ const VideoWidget = React.forwardRef(({ rec, index, height, data, muted, activeI
     const blur = React.useMemo(() => {
         return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
     }, [videoPostConfig]);
-    React.useMemo(() => {
-        var _a;
-        return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2'
-            ? `translateY(-${50 + ((_a = videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.offsetTop) !== null && _a !== void 0 ? _a : 0)}%) translate3d(0px, 0px, 0px)`
-            : 'translateY(-50%)';
-    }, [videoPostConfig]);
-    React.useCallback(() => {
-        if (!canvasRef || !videoRef || !videoRef.current || !canvasRef.current)
-            return;
-        const video = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current;
-        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 handleTimeUpload = React.useCallback(() => {
-        var _a;
+    const handleTimeUpload = () => {
         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);
-        onUpdateTimeLine === null || onUpdateTimeLine === void 0 ? void 0 : onUpdateTimeLine(index, localTime);
         setTimeout(() => {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             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)) {
-                slideSwiper();
+                (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
+                if (!loopPlayRef.current)
+                    return;
+                if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
+                    (_e = (_d = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _d === void 0 ? void 0 : _d.swiper) === null || _e === void 0 ? void 0 : _e.slideTo(0);
+                }
+                else {
+                    const i = (_g = (_f = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _f === void 0 ? void 0 : _f.swiper) === null || _g === void 0 ? void 0 : _g.activeIndex;
+                    (_j = (_h = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _h === void 0 ? void 0 : _h.swiper) === null || _j === void 0 ? void 0 : _j.slideTo(i + 1);
+                }
             }
         });
-    }, []);
-    const slideSwiper = () => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-        if (!loopPlayRef.current)
-            return;
-        if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
-            (_c = (_b = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _b === void 0 ? void 0 : _b.swiper) === null || _c === void 0 ? void 0 : _c.slideTo(0);
-        }
-        else {
-            const i = (_e = (_d = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _d === void 0 ? void 0 : _d.swiper) === null || _e === void 0 ? void 0 : _e.activeIndex;
-            (_g = (_f = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _f === void 0 ? void 0 : _f.swiper) === null || _g === void 0 ? void 0 : _g.slideTo(i + 1);
-        }
     };
     const handlePause = () => {
         setIsPauseVideo(true);
@@ -19743,7 +19700,7 @@ var VideoWidget$1 = React.memo(VideoWidget);
  * @Author: binruan@chatlabs.com
  * @Date: 2025-03-25 13:54:27
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2025-04-01 17:54:08
+ * @LastEditTime: 2025-04-02 13:53:15
  * @FilePath: \pb-sxp-ui\src\core\components\DiyStoryPreview\index.tsx
  *
  */
@@ -20046,7 +20003,7 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
     const renderLikeButton = (rec, index) => {
         var _a, _b, _c, _d;
         if (!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLike))
-            return;
+            return null;
         let top = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconY) !== null && _a !== void 0 ? _a : 400;
         if (top < 40) {
             top += 40;
@@ -20076,12 +20033,12 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
     const renderToggleButton = (visible) => {
         var _a, _b, _c, _d;
         if (!visible)
-            return;
+            return null;
         let top = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconY) !== null && _a !== void 0 ? _a : 23;
         if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconYPosit) === 'top') {
             top += 45;
         }
-        return (((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true) && (React.createElement(ToggleButton$1, { style: {
+        return (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true ? (React.createElement(ToggleButton$1, { style: {
                 position: 'absolute',
                 visibility: 'visible',
                 zIndex: 999,
@@ -20095,7 +20052,7 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
                 border: 'none',
                 boxSizing: 'content-box',
                 padding: 0
-            }, defaultValue: true, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon })));
+            }, defaultValue: true, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon })) : null;
     };
     const renderView = (item, index) => {
         var _a, _b, _c, _d;