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

package/dist/pb-ui.js

@@ -19480,11 +19480,11 @@ Made in Italy` })));
         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);
@@ -19509,8 +19509,6 @@ Made in Italy` })));
                     setIsPauseVideo(true);
                 },
                 setLoopPlay(v) {
-                    if (!videoRef.current)
-                        return;
                     loopPlayRef.current = v;
                 },
                 isPlaying() {
@@ -19524,22 +19522,7 @@ Made in Italy` })));
                 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;
@@ -19581,50 +19564,24 @@ Made in Italy` })));
         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);
@@ -19736,7 +19693,7 @@ Made in Italy` })));
      * @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
      *
      */
@@ -20039,7 +19996,7 @@ Made in Italy` })));
         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;
@@ -20069,12 +20026,12 @@ Made in Italy` })));
         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,
@@ -20088,7 +20045,7 @@ Made in Italy` })));
                     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;