pb-sxp-ui 1.15.22-alpha.1 → 1.15.22-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +78 -32
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +76 -30
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +4 -4
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +78 -32
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +4 -4
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/DiyStoryPreview/index.js +0 -178
- package/es/core/components/SxpPageCore/index.js +2 -3
- package/es/core/components/SxpPageRender/VideoWidget/index.d.ts +6 -1
- package/es/core/components/SxpPageRender/VideoWidget/index.js +57 -15
- package/es/core/components/SxpPageRender/index.js +9 -6
- package/es/core/context/SxpDataSourceProvider.d.ts +1 -0
- package/es/core/context/SxpDataSourceProvider.js +2 -1
- package/lib/core/components/DiyStoryPreview/index.js +0 -178
- package/lib/core/components/SxpPageCore/index.js +2 -3
- package/lib/core/components/SxpPageRender/VideoWidget/index.d.ts +6 -1
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +56 -14
- package/lib/core/components/SxpPageRender/index.js +9 -6
- package/lib/core/context/SxpDataSourceProvider.d.ts +1 -0
- package/lib/core/context/SxpDataSourceProvider.js +2 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -1245,7 +1245,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
1245
1245
|
multiPostTimeRef,
|
1246
1246
|
refreshFeSession,
|
1247
1247
|
getAccount,
|
1248
|
-
accountSonsent
|
1248
|
+
accountSonsent,
|
1249
|
+
isDiyH5
|
1249
1250
|
} }, isShowConsent ? (React.createElement(Consent$4, Object.assign({}, (_e = (_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.props))) : (render({
|
1250
1251
|
rtcList,
|
1251
1252
|
mutateLike: bffMutateLike,
|
@@ -1479,7 +1480,7 @@ const EditorCore = forwardRef(({ children, resolver, isSsr, schema, enableDataSo
|
|
1479
1480
|
React.createElement(DataSourceProvider$1, { isSsr: isSsr, enable: enableDataSource }, children)));
|
1480
1481
|
});
|
1481
1482
|
|
1482
|
-
var index$
|
1483
|
+
var index$3 = /*#__PURE__*/Object.freeze({
|
1483
1484
|
__proto__: null,
|
1484
1485
|
EditorCore: EditorCore
|
1485
1486
|
});
|
@@ -17660,9 +17661,9 @@ const mountVideoPlayerAtNode = (() => {
|
|
17660
17661
|
};
|
17661
17662
|
})();
|
17662
17663
|
|
17663
|
-
const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPostConfig, videoPlayIcon }) => {
|
17664
|
+
const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex, videoPostConfig, videoPlayIcon, loopPlay, swiperRef }, ref) => {
|
17664
17665
|
const [isPauseVideo, setIsPauseVideo] = useState(false);
|
17665
|
-
const { bffEventReport, sxpParameter, waterFallData, openHashtag, bffFbReport } = useSxpDataSource();
|
17666
|
+
const { bffEventReport, sxpParameter, waterFallData, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
|
17666
17667
|
const videoStartTime = useRef(0);
|
17667
17668
|
const [isLoadFinish, setIsLoadFinish] = useState(false);
|
17668
17669
|
const { isActive } = useSwiperSlide();
|
@@ -17676,6 +17677,18 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17676
17677
|
const initTimeRef = useRef();
|
17677
17678
|
const loadedTimeRef = useRef();
|
17678
17679
|
const isFirstPlayRef = useRef(true);
|
17680
|
+
const loopPlayRef = useRef(loopPlay);
|
17681
|
+
const scene = rec.video.scene;
|
17682
|
+
useImperativeHandle(ref, () => {
|
17683
|
+
return {
|
17684
|
+
setLoopPlay(v) {
|
17685
|
+
loopPlayRef.current = v;
|
17686
|
+
}
|
17687
|
+
};
|
17688
|
+
});
|
17689
|
+
useEffect(() => {
|
17690
|
+
loopPlayRef.current = loopPlay;
|
17691
|
+
}, [loopPlay]);
|
17679
17692
|
const blur = useMemo(() => {
|
17680
17693
|
return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
|
17681
17694
|
}, [videoPostConfig]);
|
@@ -17763,12 +17776,15 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17763
17776
|
const handleLoadedmetadata = useCallback(() => {
|
17764
17777
|
if (!videoRef.current)
|
17765
17778
|
return;
|
17779
|
+
if (isDiyH5) {
|
17780
|
+
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
17781
|
+
}
|
17766
17782
|
loadedTimeRef.current = new Date();
|
17767
17783
|
handleStartPlay();
|
17768
17784
|
handLoadeddata();
|
17769
17785
|
}, [videoRef.current, handLoadeddata, handleStartPlay]);
|
17770
17786
|
const handleClickVideo = useCallback((type) => () => {
|
17771
|
-
var _a, _b, _c, _d, _e;
|
17787
|
+
var _a, _b, _c, _d, _e, _f;
|
17772
17788
|
if (!videoRef.current)
|
17773
17789
|
return;
|
17774
17790
|
if (!isLoadFinish)
|
@@ -17789,10 +17805,13 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17789
17805
|
break;
|
17790
17806
|
default:
|
17791
17807
|
if (isPause) {
|
17792
|
-
(_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.
|
17808
|
+
if (isDiyH5 && Math.round((_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.currentTime) >= (scene === null || scene === void 0 ? void 0 : scene.endTime)) {
|
17809
|
+
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
17810
|
+
}
|
17811
|
+
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.play();
|
17793
17812
|
}
|
17794
17813
|
else {
|
17795
|
-
(
|
17814
|
+
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.pause();
|
17796
17815
|
}
|
17797
17816
|
setIsPauseVideo(!isPause);
|
17798
17817
|
break;
|
@@ -17804,6 +17823,7 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17804
17823
|
return;
|
17805
17824
|
if (activeIndex !== index)
|
17806
17825
|
return;
|
17826
|
+
setIsPauseVideo(true);
|
17807
17827
|
const item = data[index];
|
17808
17828
|
const videoDuration = ((_b = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
|
17809
17829
|
const videoCurrentTime = ((_d = (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
|
@@ -17829,8 +17849,27 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17829
17849
|
const handleWaiting = useCallback(() => {
|
17830
17850
|
setWaiting(true);
|
17831
17851
|
}, []);
|
17852
|
+
const handleTimeUpload = () => {
|
17853
|
+
if (!videoRef.current || !isDiyH5)
|
17854
|
+
return;
|
17855
|
+
setTimeout(() => {
|
17856
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
17857
|
+
if (Math.round((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) >= ((_b = scene === null || scene === void 0 ? void 0 : scene.endTime) !== null && _b !== void 0 ? _b : 0)) {
|
17858
|
+
(_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
|
17859
|
+
if (!loopPlayRef.current)
|
17860
|
+
return;
|
17861
|
+
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
17862
|
+
(_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);
|
17863
|
+
}
|
17864
|
+
else {
|
17865
|
+
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;
|
17866
|
+
(_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);
|
17867
|
+
}
|
17868
|
+
}
|
17869
|
+
});
|
17870
|
+
};
|
17832
17871
|
useEffect(() => {
|
17833
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
17872
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
17834
17873
|
if (!isActive)
|
17835
17874
|
return;
|
17836
17875
|
const videoSrc = rec === null || rec === void 0 ? void 0 : rec.video.url;
|
@@ -17851,6 +17890,7 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17851
17890
|
hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
|
17852
17891
|
hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
|
17853
17892
|
var _a;
|
17893
|
+
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
17854
17894
|
(_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
|
17855
17895
|
});
|
17856
17896
|
}
|
@@ -17867,8 +17907,9 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17867
17907
|
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handlePlay);
|
17868
17908
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
|
17869
17909
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
|
17910
|
+
(_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.addEventListener('timeupdate', handleTimeUpload);
|
17870
17911
|
return () => {
|
17871
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
17912
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
17872
17913
|
const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
|
17873
17914
|
if (!isPause)
|
17874
17915
|
handlePause();
|
@@ -17883,6 +17924,7 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17883
17924
|
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
|
17884
17925
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
|
17885
17926
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
|
17927
|
+
(_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.removeEventListener('timeupdate', handleTimeUpload);
|
17886
17928
|
};
|
17887
17929
|
}, [isActive]);
|
17888
17930
|
useEffect(() => {
|
@@ -17905,8 +17947,8 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17905
17947
|
}
|
17906
17948
|
}, [isActive, isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
17907
17949
|
/*
|
17908
|
-
|
17909
|
-
|
17950
|
+
打开/关闭hashtag暂停/播放视频
|
17951
|
+
*/
|
17910
17952
|
useEffect(() => {
|
17911
17953
|
var _a, _b, _c;
|
17912
17954
|
if (!isActive || !(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
@@ -17934,7 +17976,8 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17934
17976
|
};
|
17935
17977
|
}, [handleClickVideo, isActive]);
|
17936
17978
|
const renderPoster = useMemo(() => {
|
17937
|
-
|
17979
|
+
var _a, _b;
|
17980
|
+
if ((!((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) && !(sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image)) || isLoadFinish) {
|
17938
17981
|
return null;
|
17939
17982
|
}
|
17940
17983
|
return (React.createElement("img", { style: {
|
@@ -17944,8 +17987,8 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
17944
17987
|
width: '100%',
|
17945
17988
|
height: '100%',
|
17946
17989
|
objectFit: 'cover'
|
17947
|
-
}, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, alt: 'placeholder image' }));
|
17948
|
-
}, [isLoadFinish, sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image]);
|
17990
|
+
}, src: ((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.cover) || (sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image), alt: 'placeholder image' }));
|
17991
|
+
}, [rec, isLoadFinish, sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image]);
|
17949
17992
|
const renderLoading = useMemo(() => {
|
17950
17993
|
if (!waiting || !isLoadFinish)
|
17951
17994
|
return;
|
@@ -18003,8 +18046,8 @@ const VideoWidget$4 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
18003
18046
|
React.createElement("div", { className: 'n-full-screen', ref: videoEleRef, id: videoId, style: { width: '100%', height: '100%' } }),
|
18004
18047
|
renderPoster,
|
18005
18048
|
renderLoading,
|
18006
|
-
isPauseVideo && React.createElement(FormatImage$1, { className: 'clc-pb-video-pause', src: videoPlayIcon !== null && videoPlayIcon !== void 0 ? videoPlayIcon : PAUSE_ICON, alt: 'pause' })))));
|
18007
|
-
};
|
18049
|
+
isPauseVideo && (React.createElement(FormatImage$1, { className: 'clc-pb-video-pause', src: videoPlayIcon !== null && videoPlayIcon !== void 0 ? videoPlayIcon : PAUSE_ICON, alt: 'pause' }))))));
|
18050
|
+
});
|
18008
18051
|
var VideoWidget$5 = memo(VideoWidget$4);
|
18009
18052
|
|
18010
18053
|
const ToggleButton = ({ defaultValue, activeIcon, unactiveIcon, onChange, style }) => {
|
@@ -18467,7 +18510,7 @@ var NavBack$1 = memo(NavBack);
|
|
18467
18510
|
* @Author: binruan@chatlabs.com
|
18468
18511
|
* @Date: 2024-03-20 10:27:31
|
18469
18512
|
* @LastEditors: binruan@chatlabs.com
|
18470
|
-
* @LastEditTime: 2025-
|
18513
|
+
* @LastEditTime: 2025-05-07 13:33:18
|
18471
18514
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
18472
18515
|
*
|
18473
18516
|
*/
|
@@ -18486,7 +18529,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
18486
18529
|
const [isReload, setIsReload] = useState(new Date().getTime());
|
18487
18530
|
const skipLinkRef = useRef(false);
|
18488
18531
|
const [pageNum, setPageNum] = useState(2);
|
18489
|
-
const
|
18532
|
+
const videoWidgetRef = useRef(null);
|
18533
|
+
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5 } = useSxpDataSource();
|
18490
18534
|
const { backMainFeed, productView, jumpToWeb } = useEventReport();
|
18491
18535
|
const isShowFingerTip = useMemo(() => {
|
18492
18536
|
return data.length > 0 && !loading && (getFeUserState() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
|
@@ -18624,6 +18668,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
18624
18668
|
refreshFeSession
|
18625
18669
|
]);
|
18626
18670
|
const handleSessionExpire = useCallback(debounce(() => {
|
18671
|
+
var _a;
|
18672
|
+
(_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
|
18627
18673
|
refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false, handleSessionCompleted);
|
18628
18674
|
}, 1000), [handleSessionCompleted, refreshFeSession]);
|
18629
18675
|
useEffect(() => {
|
@@ -18659,7 +18705,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
18659
18705
|
}, [minusHeight, containerHeight, tagHeight]);
|
18660
18706
|
const visList = useMemo(() => {
|
18661
18707
|
var _a;
|
18662
|
-
const list = activeIndex === 0 && !waterFallData && !isEditor
|
18708
|
+
const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5
|
18663
18709
|
? [(_a = data === null || data === void 0 ? void 0 : data[0]) !== null && _a !== void 0 ? _a : null]
|
18664
18710
|
: data === null || data === void 0 ? void 0 : data.map((item, index) => {
|
18665
18711
|
if (activeIndex === index || index - 1 === activeIndex || index + 1 === activeIndex) {
|
@@ -18671,8 +18717,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
18671
18717
|
});
|
18672
18718
|
if (!(list === null || list === void 0 ? void 0 : list.length))
|
18673
18719
|
return [];
|
18674
|
-
return !waterFallData && !isNoMoreData ? list.concat([{ loading: true }]) : list;
|
18675
|
-
}, [data, activeIndex, waterFallData, isEditor, isNoMoreData]);
|
18720
|
+
return !waterFallData && !isNoMoreData && !isDiyH5 ? list.concat([{ loading: true }]) : list;
|
18721
|
+
}, [data, activeIndex, waterFallData, isEditor, isNoMoreData, isDiyH5]);
|
18676
18722
|
const renderLogo = useMemo(() => {
|
18677
18723
|
var _a, _b, _c, _d;
|
18678
18724
|
if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo)) {
|
@@ -18698,7 +18744,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
18698
18744
|
return (React.createElement(MultiPosts$2, Object.assign({ recData: data === null || data === void 0 ? void 0 : data[1] }, (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props, (_f = (_e = (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.item) === null || _f === void 0 ? void 0 : _f.event)));
|
18699
18745
|
}
|
18700
18746
|
if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.url) {
|
18701
|
-
return (React.createElement(VideoWidget$5, { key: isReload, rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
|
18747
|
+
return (React.createElement(VideoWidget$5, Object.assign({ key: isReload }, (activeIndex === index && { ref: videoWidgetRef }), { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon, loopPlay: true, swiperRef: swiperRef })));
|
18702
18748
|
}
|
18703
18749
|
if ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.imgUrls) {
|
18704
18750
|
return (React.createElement(PictureGroup$5, { key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, imgUrls: rec === null || rec === void 0 ? void 0 : rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onViewImageEndEvent: handleViewImageStartEnd, onViewImageStartEvent: handleViewImageStartEvent, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
|
@@ -19047,7 +19093,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
19047
19093
|
return;
|
19048
19094
|
// 处理上滑下滑事件
|
19049
19095
|
handleScrollEvent(swiper);
|
19050
|
-
if (waterFallData || isEditor)
|
19096
|
+
if (waterFallData || isEditor || isDiyH5)
|
19051
19097
|
return;
|
19052
19098
|
if ((swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex) + 1 >= (data === null || data === void 0 ? void 0 : data.length)) {
|
19053
19099
|
if (!isLoadMore) {
|
@@ -19433,7 +19479,7 @@ const DiyPortalPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, de
|
|
19433
19479
|
return renderView(rec, index);
|
19434
19480
|
})));
|
19435
19481
|
};
|
19436
|
-
var index$
|
19482
|
+
var index$2 = memo(DiyPortalPreview);
|
19437
19483
|
|
19438
19484
|
/*
|
19439
19485
|
* @Author: binruan@chatlabs.com
|
@@ -19694,7 +19740,7 @@ var VideoWidget$1 = memo(VideoWidget);
|
|
19694
19740
|
* @Author: binruan@chatlabs.com
|
19695
19741
|
* @Date: 2025-03-25 13:54:27
|
19696
19742
|
* @LastEditors: binruan@chatlabs.com
|
19697
|
-
* @LastEditTime: 2025-
|
19743
|
+
* @LastEditTime: 2025-05-06 18:10:44
|
19698
19744
|
* @FilePath: \pb-sxp-ui\src\core\components\DiyStoryPreview\index.tsx
|
19699
19745
|
*
|
19700
19746
|
*/
|
@@ -19926,7 +19972,7 @@ const DiyStoryPreview = forwardRef(({ data = [], globalConfig, tipText, nudge, t
|
|
19926
19972
|
return renderView(rec, index);
|
19927
19973
|
}))));
|
19928
19974
|
});
|
19929
|
-
var
|
19975
|
+
var index$1 = memo(DiyStoryPreview);
|
19930
19976
|
|
19931
19977
|
/*
|
19932
19978
|
* @Author: binruan@chatlabs.com
|
@@ -20026,7 +20072,7 @@ const Popup = () => {
|
|
20026
20072
|
* @Author: binruan@chatlabs.com
|
20027
20073
|
* @Date: 2024-01-15 19:03:09
|
20028
20074
|
* @LastEditors: binruan@chatlabs.com
|
20029
|
-
* @LastEditTime: 2025-
|
20075
|
+
* @LastEditTime: 2025-05-06 15:49:04
|
20030
20076
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageCore\index.tsx
|
20031
20077
|
*
|
20032
20078
|
*/
|
@@ -20054,9 +20100,9 @@ const SxpPageCore = ({ data, maxSize = 10, defaultSize = 10, hashTagSize = 20, l
|
|
20054
20100
|
const [channel, setChannel] = useState();
|
20055
20101
|
return (React.createElement(EditorCore, { resolver: RESOLVER, enableDataSource: false, schema: _schema, utmVal: channel || utmVal },
|
20056
20102
|
React.createElement(SxpDataSourceProvider$1, { utmVal: utmVal, dataSources: data === null || data === void 0 ? void 0 : data.data_sources, sxpParameter: data === null || data === void 0 ? void 0 : data.sxp_parameter, maxSize: (_c = (_b = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _b === void 0 ? void 0 : _b.personalized_recommend) !== null && _c !== void 0 ? _c : maxSize, defaultSize: (_e = (_d = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _d === void 0 ? void 0 : _d.default_recommend) !== null && _e !== void 0 ? _e : defaultSize, hashTagSize: (_g = (_f = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _f === void 0 ? void 0 : _f.hash_tag_size) !== null && _g !== void 0 ? _g : hashTagSize, loadingImage: loadingImage, appDomain: appDomain, enabledMetaConversionApi: enabledMetaConversionApi, utmParameter: data === null || data === void 0 ? void 0 : data.utm_parameter, data: data, dataList: dataList, isDiyH5: isDiyH5, onUpdateSchema: (d) => setSchema(d), onUpdateChannel: (d) => setChannel(d), render: ({ rtcList, tagList, pageData }) => {
|
20057
|
-
var _a
|
20103
|
+
var _a;
|
20058
20104
|
return (React.createElement(React.Fragment, null,
|
20059
|
-
|
20105
|
+
React.createElement(SxpPageRender$1, Object.assign({ defaultData: data }, (_a = pageData === null || pageData === void 0 ? void 0 : pageData.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf, { tagList: tagList, data: rtcList, resolver: RESOLVER })),
|
20060
20106
|
React.createElement(Popup, null)));
|
20061
20107
|
} })));
|
20062
20108
|
};
|
@@ -20070,5 +20116,5 @@ var index = memo(SxpPageCore);
|
|
20070
20116
|
* @FilePath: \pb-sxp-ui\src\index.ts
|
20071
20117
|
*/
|
20072
20118
|
|
20073
|
-
export { index$
|
20119
|
+
export { index$2 as DiyPortalPreview, index$1 as DiyStoryPreview, EditorDataProvider, Modal$1 as Modal, SxpDataSourceProvider$1 as SxpDataSourceProvider, index as SxpPageCore, SxpPageRender$1 as SxpPageRender, index$3 as core, Pagebuilder as default, _materials_ as materials, useEditorDataProvider };
|
20074
20120
|
//# sourceMappingURL=index.js.map
|