pb-sxp-ui 1.0.23 → 1.0.25

package/dist/pb-ui.js

@@ -8240,7 +8240,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2023-12-26 16:11:34
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-17 13:49:29
+     * @LastEditTime: 2024-04-18 14:33:15
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\ExpandableText.tsx
      *
      */
@@ -8285,7 +8285,7 @@
             }
             multiRowCopy.current.style.display = 'none';
         }, [isPost]);
-        return (React.createElement("div", { className: className, style: Object.assign({}, style), hidden: !text || text === '' },
+        return (React.createElement("div", { className: className, style: Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' }), hidden: !text || text === '' },
             React.createElement("div", { ref: multiRow, style: {
                     overflow: 'hidden',
                     WebkitLineClamp: !isPost || isShowMore ? '' : lineClamp,
@@ -9694,7 +9694,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-16 14:50:13
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-17 19:03:01
+     * @LastEditTime: 2024-04-18 12:32:49
      * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
      *
      */
@@ -9710,7 +9710,7 @@ Made in Italy` })));
                 }, rec, item, index);
             }
         }, [isOnScreen, src, ref, rec, ctaEvent, item, index]);
-        return (React.createElement("div", { ref: ref, hidden: !src },
+        return (React.createElement("div", { ref: ref, hidden: !src, className: css.css({ width: '100%', height: '100%' }) },
             React.createElement(FormatImage$1, { className: css.css({ width: '100%', objectFit: 'cover', height: '100%', display: 'block' }), src: src })));
     };
     var Img$1 = React.memo(Img);
@@ -11981,12 +11981,13 @@ Made in Italy` })));
         SXP_EVENT_TYPE["PAGE_DID_HIDE"] = "pageDidHide";
     })(SXP_EVENT_TYPE || (SXP_EVENT_TYPE = {}));
 
-    const VideoWidget = ({ rec, index, height, data, muted, activeIndex }) => {
+    const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostConfig }) => {
         const [isPauseVideo, setIsPauseVideo] = React.useState(false);
         const videoRef = React.useRef(null);
         const { bffEventReport, sxpParameter, waterFallData, openHashtag } = useSxpDataSource();
         const videoStartTime = React.useRef(0);
-        const [isLoad, setIsLoad] = React.useState(false);
+        const [isLoadFinish, setIsLoadFinish] = React.useState(false);
+        const [isFirstPlay, setIsFirstPlay] = React.useState(true);
         const { isActive } = useSwiperSlide();
         React.useEffect(() => {
             if (!videoRef.current)
@@ -12002,11 +12003,11 @@ Made in Italy` })));
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             setIsPauseVideo(false);
             const item = data[index];
-            if (item && isLoad && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
+            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;
                 const videoDuration = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.duration) !== null && _d !== void 0 ? _d : 0).toFixed(2);
                 const videoCurrentTime = ((_f = (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.currentTime) !== null && _f !== void 0 ? _f : 0).toFixed(2);
-                const playType = '1';
+                const playType = isFirstPlay ? '0' : '1';
                 bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
                     eventInfo: {
                         eventSubject: 'playVideo',
@@ -12022,72 +12023,41 @@ Made in Italy` })));
                         traceInfo: (_o = item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
                     }
                 });
+                setIsFirstPlay(false);
             }
-            if (!isLoad) {
-                setIsLoad(true);
-            }
-        }, [bffEventReport, data, index, isLoad]);
+        }, [bffEventReport, data, index, isFirstPlay]);
         const handleLoadedMetadata = React.useCallback(() => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-            const item = data[index];
-            if (item && !isLoad && ((_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;
-                const videoDuration = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.duration) !== null && _d !== void 0 ? _d : 0).toFixed(2);
-                const videoCurrentTime = ((_f = (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.currentTime) !== null && _f !== void 0 ? _f : 0).toFixed(2);
-                const playType = '0';
-                bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
-                    eventInfo: {
-                        eventSubject: 'playVideo',
-                        eventDescription: 'User played the video',
-                        contentId: (_h = (_g = item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
-                        contentName: (_k = (_j = item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
-                        playType,
-                        startTime: videoCurrentTime,
-                        videoDuration,
-                        contentTags: JSON.stringify((_m = (_l = item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
-                        position: index + '',
-                        contentFormat: 'video',
-                        traceInfo: (_o = item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
-                    }
-                });
-            }
-            setTimeout(() => {
-                var _a;
-                (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
-            }, 0);
-        }, [index, bffEventReport, data, isLoad]);
+            setIsLoadFinish(true);
+        }, []);
         const handleClickVideo = React.useCallback((type) => () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            if (!isLoad)
+            var _a, _b, _c, _d, _e;
+            if (!isLoadFinish)
                 return;
-            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);
-            const isPause = (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.paused;
+            const isPause = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
             switch (type) {
                 case 'start':
                     if (!isPause)
                         return;
-                    (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.play();
+                    (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.play();
                     setIsPauseVideo(false);
                     break;
                 case 'pause':
                     if (isPause)
                         return;
-                    (_g = videoRef.current) === null || _g === void 0 ? void 0 : _g.pause();
+                    (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
                     setIsPauseVideo(true);
                     break;
                 default:
                     if (isPause) {
-                        (_h = videoRef.current) === null || _h === void 0 ? void 0 : _h.play();
+                        (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.play();
                     }
                     else {
-                        (_j = videoRef.current) === null || _j === void 0 ? void 0 : _j.pause();
+                        (_e = videoRef.current) === null || _e === void 0 ? void 0 : _e.pause();
                     }
                     setIsPauseVideo(!isPause);
                     break;
             }
-        }, [data, index, isLoad]);
+        }, [isLoadFinish]);
         const onPause = React.useCallback(() => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             const item = data[index];
@@ -12113,16 +12083,10 @@ Made in Italy` })));
             }
         }, [data, index, bffEventReport]);
         React.useEffect(() => {
-            var _a, _b, _c;
-            if (data.length <= 0)
-                return;
+            var _a, _b;
             if (!videoRef.current)
                 return;
             setIsPauseVideo(false);
-            if (!isActive) {
-                (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-                return;
-            }
             if (!videoRef.current.src) {
                 const videoSrc = rec.video.url;
                 // if (videoSrc.includes('.m3u8')) {
@@ -12142,25 +12106,33 @@ Made in Italy` })));
                 videoRef.current.setAttribute('x5-playsinline', 'true');
                 videoRef.current.setAttribute('webkit-playsinline', 'true');
             }
-            else {
-                videoRef.current.play();
-            }
-            (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('canplay', handleLoadedMetadata);
-            (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener('playing', handlePlaying);
+            (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('canplay', handleLoadedMetadata);
+            (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('playing', handlePlaying);
             return () => {
                 var _a, _b;
                 (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('canplay', handleLoadedMetadata);
                 (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('playing', handlePlaying);
             };
-        }, [data, handleLoadedMetadata, handlePlaying, isActive, isLoad, rec.video]);
+        }, [handleLoadedMetadata, handlePlaying, rec.video]);
+        React.useEffect(() => {
+            var _a;
+            if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || !isLoadFinish)
+                return;
+            if (isActive) {
+                videoRef.current.play();
+            }
+            else {
+                (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+            }
+        }, [isActive, isLoadFinish]);
         /*
         打开/关闭hashtag暂停/播放视频
         */
         React.useEffect(() => {
             var _a, _b, _c;
-            const isPause = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
-            if (!isActive)
+            if (!isActive || !(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
                 return;
+            const isPause = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
             if (!isPause && openHashtag) {
                 (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.pause();
             }
@@ -12181,11 +12153,11 @@ Made in Italy` })));
             };
         }, [handleClickVideo, isActive]);
         const renderPoster = React.useMemo(() => {
-            if (!(sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image)) {
+            if (!(sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image) || isLoadFinish) {
                 return null;
             }
-            return (React.createElement("img", { hidden: isLoad, style: { position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', objectFit: 'cover' }, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image }));
-        }, [isLoad, sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image]);
+            return (React.createElement("img", { style: { position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', objectFit: 'cover' }, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image }));
+        }, [isLoadFinish, sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image]);
         React.useEffect(() => {
             const handleBeforeUnload = () => {
                 var _a, _b;
@@ -12198,17 +12170,54 @@ Made in Italy` })));
                 window.removeEventListener('beforeunload', handleBeforeUnload);
             };
         }, [activeIndex, index, rec, videoRef, handleClickVideo, isPauseVideo]);
+        const blur = React.useMemo(() => {
+            return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
+        }, [videoPostConfig]);
+        const translateY = 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)}%)`
+                : 'translateY(-50%)';
+        }, [videoPostConfig]);
         if (!rec.video) {
             return null;
         }
-        return (React.createElement("div", { className: 'video-container', key: rec.video.itemId, onClick: handleClickVideo(), style: {
+        return (React.createElement(React.Fragment, null, blur ? (React.createElement("div", { className: 'video-container', key: rec.video.itemId, onClick: handleClickVideo(), style: {
+                position: 'relative',
+                width: '100%',
+                height
+            } },
+            React.createElement(FormatImage$1, { src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, style: {
+                    height: '100%',
+                    width: '100%',
+                    objectFit: 'cover',
+                    filter: blur ? 'blur(10px)' : 'none',
+                    transform: blur ? 'scale(1.2)' : 'none'
+                } }),
+            React.createElement("div", { style: {
+                    position: 'absolute',
+                    width: '100%',
+                    height: 'auto',
+                    top: '50%',
+                    transform: translateY,
+                    left: 0,
+                    right: 0
+                } },
+                React.createElement("div", { style: { position: 'relative' } },
+                    React.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, poster: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart, style: {
+                            width: '100%',
+                            height: 'auto',
+                            objectFit: 'contain'
+                        } }),
+                    renderPoster,
+                    React.createElement("img", { hidden: !isPauseVideo, className: 'clc-pb-video-pause', src: PAUSE_ICON }))))) : (React.createElement("div", { className: 'video-container', key: rec.video.itemId, onClick: handleClickVideo(), style: {
                 position: 'relative',
                 width: '100%',
                 height
             } },
             React.createElement("video", { id: `pb-video-${index}`, className: 'clc-pb-video', ref: videoRef, poster: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, muted: true, controls: false, playsInline: true, preload: 'auto', onPause: onPause, onEnded: handleVideoStart }),
             renderPoster,
-            React.createElement("img", { hidden: !isPauseVideo, className: 'clc-pb-video-pause', src: PAUSE_ICON })));
+            React.createElement("img", { hidden: !isPauseVideo, className: 'clc-pb-video-pause', src: PAUSE_ICON })))));
     };
     var VideoWidget$1 = React.memo(VideoWidget);
 
@@ -12261,21 +12270,21 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-20 10:27:31
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-18 10:30:17
+     * @LastEditTime: 2024-04-18 19:27:35
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\Picture.tsx
      *
      */
     const Picture = (props) => {
-        const { src, height, width } = props;
-        const [blur, setBlur] = React.useState(false);
-        const onLoad = (img) => {
-            const aspectRatio = img.naturalHeight / img.naturalWidth;
-            const targetAspectRatio = 16 / 9;
-            const tolerance = 0.05; // 允许的宽高比误差范围
-            if (Math.abs(aspectRatio - targetAspectRatio) > tolerance) {
-                setBlur(true);
-            }
-        };
+        const { src, height, imgUrlsPostConfig } = props;
+        const blur = React.useMemo(() => {
+            return (imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.mode) === '2';
+        }, [imgUrlsPostConfig]);
+        const translateY = React.useMemo(() => {
+            var _a;
+            return (imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.mode) === '2'
+                ? `translateY(-${50 + ((_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.offsetTop) !== null && _a !== void 0 ? _a : 0)}%)`
+                : 'translateY(-50%)';
+        }, [imgUrlsPostConfig]);
         return (React.createElement("div", { style: {
                 overflow: 'hidden',
                 height,
@@ -12288,13 +12297,13 @@ Made in Italy` })));
                     objectFit: 'cover',
                     filter: blur ? 'blur(10px)' : 'none',
                     transform: blur ? 'scale(1.2)' : 'none'
-                }, onLoad: onLoad }),
+                } }),
             blur && (React.createElement(FormatImage$1, { src: src, style: {
                     width: '100%',
                     objectFit: 'contain',
                     position: 'absolute',
                     top: '50%',
-                    transform: 'translateY(-50%)',
+                    transform: translateY,
                     left: 0,
                     right: 0
                 } }))));
@@ -12304,10 +12313,11 @@ Made in Italy` })));
      * @Author: lewinlu@chatlabs.com
      * @Date: 2024-01-03 14:39:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-17 18:52:45
+     * @LastEditTime: 2024-04-18 19:56:22
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\index.tsx
      */
-    const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent }) => {
+    const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent, imgUrlsPostConfig }) => {
+        var _a;
         const ref = React.useRef();
         const { isActive } = useSwiperSlide();
         const { sxpParameter, openHashtag } = useSxpDataSource();
@@ -12330,9 +12340,9 @@ Made in Italy` })));
         // if (!isActive) {
         //   return <img src={sxpParameter?.placeholder_image} style={{ width, height, objectFit: 'cover' }} />;
         // }
-        return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: { delay: 3000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url) => {
+        return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: { delay: ((_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _a !== void 0 ? _a : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url) => {
             return (React.createElement(SwiperSlide, { key: url },
-                React.createElement(Picture, { src: url, width: width, height: height })));
+                React.createElement(Picture, { src: url, height: height, imgUrlsPostConfig: imgUrlsPostConfig })));
         })));
     };
     var PictureGroup$1 = React.memo(PictureGroup);
@@ -12446,7 +12456,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2023-12-26 16:11:34
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-11 18:14:05
+     * @LastEditTime: 2024-04-18 14:36:53
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\RenderCard.tsx
      *
      */
@@ -12480,7 +12490,7 @@ Made in Italy` })));
                 const Component = withBindDataSource(t);
                 const defaulSetting = (_x = t === null || t === void 0 ? void 0 : t.extend) === null || _x === void 0 ? void 0 : _x.defaulSetting;
                 const isExternalLink = ((_0 = (_z = (_y = value === null || value === void 0 ? void 0 : value.item) === null || _y === void 0 ? void 0 : _y.event) === null || _z === void 0 ? void 0 : _z.onClick) === null || _0 === void 0 ? void 0 : _0.linkType) === 'externalLink';
-                return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_1 = value === null || value === void 0 ? void 0 : value.item) === null || _1 === void 0 ? void 0 : _1.style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.textStyle), bindDatas: (_4 = (_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.bindDatas) !== null && _4 !== void 0 ? _4 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_5 = value === null || value === void 0 ? void 0 : value.item) === null || _5 === void 0 ? void 0 : _5.props, { event: ((_6 = value === null || value === void 0 ? void 0 : value.item) === null || _6 === void 0 ? void 0 : _6.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index })));
+                return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_1 = value === null || value === void 0 ? void 0 : value.item) === null || _1 === void 0 ? void 0 : _1.style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.textStyle), bindDatas: (_4 = (_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.bindDatas) !== null && _4 !== void 0 ? _4 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_5 = value === null || value === void 0 ? void 0 : value.item) === null || _5 === void 0 ? void 0 : _5.props, { event: ((_6 = value === null || value === void 0 ? void 0 : value.item) === null || _6 === void 0 ? void 0 : _6.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index })));
             }
             else {
                 return null;
@@ -12514,7 +12524,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-18 09:43:19
+     * @LastEditTime: 2024-04-18 19:27:03
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -12675,10 +12685,10 @@ Made in Italy` })));
         const renderContent = React.useCallback((rec, index) => {
             var _a, _b, _c, _d;
             if ((_a = rec.video) === null || _a === void 0 ? void 0 : _a.url) {
-                return (React.createElement(VideoWidget$1, { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex }));
+                return (React.createElement(VideoWidget$1, { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost }));
             }
             if ((_b = rec.video) === null || _b === void 0 ? void 0 : _b.imgUrls) {
-                return (React.createElement(PictureGroup$1, { key: rec.video.itemId, imgUrls: rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onReportViewImageEnd: handleReportViewImageEnd, onViewImageStartEvent: handleViewImageStartEvent }));
+                return (React.createElement(PictureGroup$1, { key: rec.video.itemId, imgUrls: rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onReportViewImageEnd: handleReportViewImageEnd, onViewImageStartEvent: handleViewImageStartEvent, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
             }
             if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _c === void 0 ? void 0 : _c.length) > 0) {
                 return (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _d === void 0 ? void 0 : _d.map((value, idx) => {
@@ -12715,9 +12725,7 @@ Made in Italy` })));
                         React.createElement("div", { className: 'clc-sxp-bottom-card' },
                             React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver })),
                         React.createElement("div", null,
-                            React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_c = (_b = rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', style: Object.assign({}, descStyle
-                                // textShadow: globalConfig?.isOpenTextShadow ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none'
-                                ), onChange: onExpandableChange }),
+                            React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_c = (_b = rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
                             React.createElement(Hashtag$1, { index: activeIndex, tags: (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.hashTags) !== null && _e !== void 0 ? _e : [], itemId: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.itemId, itemType: ((_g = rec.video) === null || _g === void 0 ? void 0 : _g.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle })))));
             }
             return null;