pb-sxp-ui 1.15.41 → 1.15.43
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 +156 -125
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +156 -125
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +6 -6
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +6 -6
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +156 -125
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +6 -6
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/DiyPortalPreview/VideoWidget.js +10 -8
- package/es/core/components/SxpPageRender/LikeButton/index.js +17 -15
- package/es/core/components/SxpPageRender/PictureGroup/index.d.ts +5 -0
- package/es/core/components/SxpPageRender/PictureGroup/index.js +37 -13
- package/es/core/components/SxpPageRender/VideoWidget/index.js +34 -44
- package/es/core/components/SxpPageRender/WaterFall/index.js +4 -3
- package/es/core/components/SxpPageRender/index.js +46 -35
- package/es/core/context/SxpDataSourceProvider.js +2 -2
- package/es/core/hooks/useEventReport.js +6 -5
- package/lib/core/components/DiyPortalPreview/VideoWidget.js +10 -8
- package/lib/core/components/SxpPageRender/LikeButton/index.js +17 -15
- package/lib/core/components/SxpPageRender/PictureGroup/index.d.ts +5 -0
- package/lib/core/components/SxpPageRender/PictureGroup/index.js +36 -12
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +34 -44
- package/lib/core/components/SxpPageRender/WaterFall/index.js +4 -3
- package/lib/core/components/SxpPageRender/index.js +46 -35
- package/lib/core/context/SxpDataSourceProvider.js +2 -2
- package/lib/core/hooks/useEventReport.js +6 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1064,7 +1064,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
1064
1064
|
}
|
|
1065
1065
|
}), [bffFetch, utmVal]);
|
|
1066
1066
|
const ctaEvent = useCallback((eventInfo, rec, product, position) => {
|
|
1067
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
|
1067
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14;
|
|
1068
1068
|
const cta = product === null || product === void 0 ? void 0 : product.bindCta;
|
|
1069
1069
|
const isProd = ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProduct) || (((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.bindProducts) && ((_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProducts) === null || _d === void 0 ? void 0 : _d.length) > 0);
|
|
1070
1070
|
let fromKName = '';
|
|
@@ -1082,7 +1082,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
1082
1082
|
}
|
|
1083
1083
|
const contentTags = (_p = (_m = (_h = product === null || product === void 0 ? void 0 : product.tags) !== null && _h !== void 0 ? _h : (_l = (_k = (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.bindProducts) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : (_q = rec === null || rec === void 0 ? void 0 : rec.product) === null || _q === void 0 ? void 0 : _q.tags;
|
|
1084
1084
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1085
|
-
eventInfo: Object.assign(Object.assign({}, eventInfo), { ctaId: (_r = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _r !== void 0 ? _r : '', ctaName: (_s = cta === null || cta === void 0 ? void 0 : cta.title) !== null && _s !== void 0 ? _s : '', contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_u = (_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '', productId: isProd ? product === null || product === void 0 ? void 0 : product.itemId : '', traceInfo: (
|
|
1085
|
+
eventInfo: Object.assign(Object.assign({}, eventInfo), { ctaId: (_r = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _r !== void 0 ? _r : '', ctaName: (_s = cta === null || cta === void 0 ? void 0 : cta.title) !== null && _s !== void 0 ? _s : '', contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_u = (_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '', sceneId: (_x = (_w = (_v = rec === null || rec === void 0 ? void 0 : rec.video) === null || _v === void 0 ? void 0 : _v.scene) === null || _w === void 0 ? void 0 : _w.sceneId) !== null && _x !== void 0 ? _x : '', productId: isProd ? product === null || product === void 0 ? void 0 : product.itemId : '', traceInfo: (_13 = (_10 = (_5 = (_1 = (_y = cta === null || cta === void 0 ? void 0 : cta.traceInfo) !== null && _y !== void 0 ? _y : (_0 = (_z = rec === null || rec === void 0 ? void 0 : rec.video) === null || _z === void 0 ? void 0 : _z.bindCta) === null || _0 === void 0 ? void 0 : _0.traceInfo) !== null && _1 !== void 0 ? _1 : (_4 = (_3 = (_2 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _2 === void 0 ? void 0 : _2.bindProduct) === null || _3 === void 0 ? void 0 : _3.bindCta) === null || _4 === void 0 ? void 0 : _4.traceInfo) !== null && _5 !== void 0 ? _5 : (_9 = (_8 = (_7 = (_6 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _6 === void 0 ? void 0 : _6.bindProducts) === null || _7 === void 0 ? void 0 : _7[0]) === null || _8 === void 0 ? void 0 : _8.bindCta) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : (_12 = (_11 = rec === null || rec === void 0 ? void 0 : rec.product) === null || _11 === void 0 ? void 0 : _11.bindCta) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : '', fromKName, fromKPage: (_14 = location === null || location === void 0 ? void 0 : location.href) !== null && _14 !== void 0 ? _14 : '', contentFormat })
|
|
1086
1086
|
});
|
|
1087
1087
|
}, [bffEventReport, isFromHashtag]);
|
|
1088
1088
|
const h5EnterLink = useCallback(() => {
|
|
@@ -1743,14 +1743,14 @@ var settingRender$f = [
|
|
|
1743
1743
|
* @Author: binruan@chatlabs.com
|
|
1744
1744
|
* @Date: 2024-03-12 10:59:06
|
|
1745
1745
|
* @LastEditors: binruan@chatlabs.com
|
|
1746
|
-
* @LastEditTime:
|
|
1746
|
+
* @LastEditTime: 2025-05-09 15:30:59
|
|
1747
1747
|
* @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
|
|
1748
1748
|
*
|
|
1749
1749
|
*/
|
|
1750
1750
|
function useEventReport() {
|
|
1751
1751
|
const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
|
|
1752
1752
|
const jumpToWeb = useCallback((e, data, product, cta, position, traceInfo) => {
|
|
1753
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
|
|
1753
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
|
|
1754
1754
|
const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
|
|
1755
1755
|
if (i !== -1) {
|
|
1756
1756
|
return;
|
|
@@ -1783,11 +1783,11 @@ function useEventReport() {
|
|
|
1783
1783
|
contentFormat = 'image';
|
|
1784
1784
|
}
|
|
1785
1785
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1786
|
-
eventInfo: Object.assign({ eventSubject: 'jumpToWeb', eventDescription: 'User jumped to website', productId: (_v = product === null || product === void 0 ? void 0 : product.itemId) !== null && _v !== void 0 ? _v : '', productName: (_w = product === null || product === void 0 ? void 0 : product.title) !== null && _w !== void 0 ? _w : '', price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0', productCollection: (_x = product === null || product === void 0 ? void 0 : product.collection) !== null && _x !== void 0 ? _x : '', fromKName, fromKPage: location === null || location === void 0 ? void 0 : location.href, contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.itemId) !== null && _z !== void 0 ? _z : '',
|
|
1786
|
+
eventInfo: Object.assign({ eventSubject: 'jumpToWeb', eventDescription: 'User jumped to website', productId: (_v = product === null || product === void 0 ? void 0 : product.itemId) !== null && _v !== void 0 ? _v : '', productName: (_w = product === null || product === void 0 ? void 0 : product.title) !== null && _w !== void 0 ? _w : '', price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0', productCollection: (_x = product === null || product === void 0 ? void 0 : product.collection) !== null && _x !== void 0 ? _x : '', fromKName, fromKPage: location === null || location === void 0 ? void 0 : location.href, contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.itemId) !== null && _z !== void 0 ? _z : '', sceneId: (_2 = (_1 = (_0 = data === null || data === void 0 ? void 0 : data.video) === null || _0 === void 0 ? void 0 : _0.scene) === null || _1 === void 0 ? void 0 : _1.sceneId) !== null && _2 !== void 0 ? _2 : '', ctatId: (_3 = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _3 !== void 0 ? _3 : '', traceInfo: (_16 = (_13 = (_11 = (_7 = (_4 = traceInfo !== null && traceInfo !== void 0 ? traceInfo : product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _4 !== void 0 ? _4 : (_6 = (_5 = data === null || data === void 0 ? void 0 : data.video) === null || _5 === void 0 ? void 0 : _5.bindProduct) === null || _6 === void 0 ? void 0 : _6.traceInfo) !== null && _7 !== void 0 ? _7 : (_10 = (_9 = (_8 = data === null || data === void 0 ? void 0 : data.video) === null || _8 === void 0 ? void 0 : _8.bindProducts) === null || _9 === void 0 ? void 0 : _9[0]) === null || _10 === void 0 ? void 0 : _10.traceInfo) !== null && _11 !== void 0 ? _11 : (_12 = data === null || data === void 0 ? void 0 : data.product) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : (_15 = (_14 = data === null || data === void 0 ? void 0 : data.video) === null || _14 === void 0 ? void 0 : _14.bindCta) === null || _15 === void 0 ? void 0 : _15.traceInfo) !== null && _16 !== void 0 ? _16 : '' }, (contentFormat && { contentFormat }))
|
|
1787
1787
|
});
|
|
1788
1788
|
}, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
|
|
1789
1789
|
const productView = useCallback((data, product, cta, viewTime, position) => {
|
|
1790
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
1790
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
1791
1791
|
let fromKName = '';
|
|
1792
1792
|
if (popupDetailData && (((_b = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
|
|
1793
1793
|
fromKName = 'pdpPage';
|
|
@@ -1806,8 +1806,9 @@ function useEventReport() {
|
|
|
1806
1806
|
contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
|
|
1807
1807
|
position: position + '',
|
|
1808
1808
|
contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
1809
|
+
sceneId: (_g = (_f = (_e = data === null || data === void 0 ? void 0 : data.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
1809
1810
|
ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
|
|
1810
|
-
traceInfo: (
|
|
1811
|
+
traceInfo: (_s = (_q = (_l = (_h = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _h !== void 0 ? _h : (_k = (_j = data === null || data === void 0 ? void 0 : data.video) === null || _j === void 0 ? void 0 : _j.bindProduct) === null || _k === void 0 ? void 0 : _k.traceInfo) !== null && _l !== void 0 ? _l : (_p = (_o = (_m = data === null || data === void 0 ? void 0 : data.video) === null || _m === void 0 ? void 0 : _m.bindProducts) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.traceInfo) !== null && _q !== void 0 ? _q : (_r = data === null || data === void 0 ? void 0 : data.product) === null || _r === void 0 ? void 0 : _r.traceInfo) !== null && _s !== void 0 ? _s : '',
|
|
1811
1812
|
timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
|
|
1812
1813
|
eventSubject: 'productView',
|
|
1813
1814
|
eventDescription: 'User browsed the product'
|
|
@@ -15504,7 +15505,7 @@ function WaterfallList(_a) {
|
|
|
15504
15505
|
* @Author: binruan@chatlabs.com
|
|
15505
15506
|
* @Date: 2024-01-10 10:58:24
|
|
15506
15507
|
* @LastEditors: binruan@chatlabs.com
|
|
15507
|
-
* @LastEditTime: 2025-
|
|
15508
|
+
* @LastEditTime: 2025-05-09 15:30:41
|
|
15508
15509
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
|
|
15509
15510
|
*
|
|
15510
15511
|
*/
|
|
@@ -15542,7 +15543,7 @@ const WaterFall = (props) => {
|
|
|
15542
15543
|
}
|
|
15543
15544
|
}, [waterFallData]);
|
|
15544
15545
|
const reportTagsView = useCallback(() => {
|
|
15545
|
-
var _a, _b, _c, _d, _e, _f;
|
|
15546
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
15546
15547
|
const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
|
|
15547
15548
|
if (!rec)
|
|
15548
15549
|
return;
|
|
@@ -15562,9 +15563,10 @@ const WaterFall = (props) => {
|
|
|
15562
15563
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
15563
15564
|
eventInfo: {
|
|
15564
15565
|
contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
15566
|
+
sceneId: (_g = (_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
15565
15567
|
position: cacheActiveIndex + '',
|
|
15566
|
-
contentTags: JSON.stringify((
|
|
15567
|
-
traceInfo: (
|
|
15568
|
+
contentTags: JSON.stringify((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.tags),
|
|
15569
|
+
traceInfo: (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.traceInfo,
|
|
15568
15570
|
hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
|
|
15569
15571
|
fromKName,
|
|
15570
15572
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
@@ -17645,7 +17647,7 @@ const LikeButton = (_a) => {
|
|
|
17645
17647
|
const likeIcon = useIconLink(defaultLikeIconPath$2);
|
|
17646
17648
|
const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
|
|
17647
17649
|
const handleClick = debounce(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17648
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
17650
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
|
|
17649
17651
|
if (state) {
|
|
17650
17652
|
// 先设置状态
|
|
17651
17653
|
setState(false);
|
|
@@ -17655,11 +17657,12 @@ const LikeButton = (_a) => {
|
|
|
17655
17657
|
eventSubject: 'favoriteContentCanceled',
|
|
17656
17658
|
eventDescription: 'This content was unfavorite by the user',
|
|
17657
17659
|
contentId: (_g = (_f = recData === null || recData === void 0 ? void 0 : recData.video) === null || _f === void 0 ? void 0 : _f.itemId) !== null && _g !== void 0 ? _g : '',
|
|
17658
|
-
|
|
17659
|
-
|
|
17660
|
+
sceneId: (_k = (_j = (_h = recData === null || recData === void 0 ? void 0 : recData.video) === null || _h === void 0 ? void 0 : _h.scene) === null || _j === void 0 ? void 0 : _j.sceneId) !== null && _k !== void 0 ? _k : '',
|
|
17661
|
+
contentName: (_m = (_l = recData === null || recData === void 0 ? void 0 : recData.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '',
|
|
17662
|
+
contentTags: JSON.stringify((_p = (_o = recData === null || recData === void 0 ? void 0 : recData.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : []),
|
|
17660
17663
|
position: position + '',
|
|
17661
|
-
contentFormat: ((
|
|
17662
|
-
traceInfo: (
|
|
17664
|
+
contentFormat: ((_q = recData === null || recData === void 0 ? void 0 : recData.video) === null || _q === void 0 ? void 0 : _q.url) ? 'video' : 'image',
|
|
17665
|
+
traceInfo: (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
17663
17666
|
}
|
|
17664
17667
|
});
|
|
17665
17668
|
// 如果接口调用失败，则回滚状态
|
|
@@ -17667,40 +17670,41 @@ const LikeButton = (_a) => {
|
|
|
17667
17670
|
setState(true);
|
|
17668
17671
|
}
|
|
17669
17672
|
else {
|
|
17670
|
-
const nRtcList = (
|
|
17673
|
+
const nRtcList = (_s = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17671
17674
|
if (index === position) {
|
|
17672
17675
|
item.isCollected = false;
|
|
17673
17676
|
}
|
|
17674
17677
|
return item;
|
|
17675
|
-
})) !== null &&
|
|
17678
|
+
})) !== null && _s !== void 0 ? _s : [];
|
|
17676
17679
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17677
17680
|
}
|
|
17678
17681
|
}
|
|
17679
17682
|
else {
|
|
17680
17683
|
setState(true);
|
|
17681
|
-
const result = (
|
|
17684
|
+
const result = (_t = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _t !== void 0 ? _t : false;
|
|
17682
17685
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17683
17686
|
eventInfo: {
|
|
17684
17687
|
eventSubject: 'favoriteContent',
|
|
17685
17688
|
eventDescription: 'This content was favorite by the user',
|
|
17686
|
-
contentId: (
|
|
17687
|
-
|
|
17688
|
-
|
|
17689
|
+
contentId: (_v = (_u = recData === null || recData === void 0 ? void 0 : recData.video) === null || _u === void 0 ? void 0 : _u.itemId) !== null && _v !== void 0 ? _v : '',
|
|
17690
|
+
sceneId: (_y = (_x = (_w = recData === null || recData === void 0 ? void 0 : recData.video) === null || _w === void 0 ? void 0 : _w.scene) === null || _x === void 0 ? void 0 : _x.sceneId) !== null && _y !== void 0 ? _y : '',
|
|
17691
|
+
contentName: (_0 = (_z = recData === null || recData === void 0 ? void 0 : recData.video) === null || _z === void 0 ? void 0 : _z.title) !== null && _0 !== void 0 ? _0 : '',
|
|
17692
|
+
contentTags: JSON.stringify((_2 = (_1 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _1 === void 0 ? void 0 : _1.tags) !== null && _2 !== void 0 ? _2 : []),
|
|
17689
17693
|
position: position + '',
|
|
17690
|
-
contentFormat: ((
|
|
17691
|
-
traceInfo: (
|
|
17694
|
+
contentFormat: ((_3 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _3 === void 0 ? void 0 : _3.url) ? 'video' : 'image',
|
|
17695
|
+
traceInfo: (_4 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _4 === void 0 ? void 0 : _4.traceInfo
|
|
17692
17696
|
}
|
|
17693
17697
|
});
|
|
17694
17698
|
if (!result) {
|
|
17695
17699
|
setState(false);
|
|
17696
17700
|
}
|
|
17697
17701
|
else {
|
|
17698
|
-
const nRtcList = (
|
|
17702
|
+
const nRtcList = (_5 = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17699
17703
|
if (index === position) {
|
|
17700
17704
|
item.isCollected = true;
|
|
17701
17705
|
}
|
|
17702
17706
|
return item;
|
|
17703
|
-
})) !== null &&
|
|
17707
|
+
})) !== null && _5 !== void 0 ? _5 : [];
|
|
17704
17708
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17705
17709
|
}
|
|
17706
17710
|
}
|
|
@@ -17803,6 +17807,26 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17803
17807
|
return;
|
|
17804
17808
|
(_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
|
|
17805
17809
|
}, [videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17810
|
+
const handleEnd = () => {
|
|
17811
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
17812
|
+
if (!videoRef.current)
|
|
17813
|
+
return;
|
|
17814
|
+
if (isDiyH5) {
|
|
17815
|
+
(_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
|
|
17816
|
+
if (!loopPlayRef.current)
|
|
17817
|
+
return;
|
|
17818
|
+
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
17819
|
+
(_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);
|
|
17820
|
+
}
|
|
17821
|
+
else {
|
|
17822
|
+
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;
|
|
17823
|
+
(_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);
|
|
17824
|
+
}
|
|
17825
|
+
}
|
|
17826
|
+
else {
|
|
17827
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.play();
|
|
17828
|
+
}
|
|
17829
|
+
};
|
|
17806
17830
|
const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
|
|
17807
17831
|
const handlePlaying = useCallback(() => {
|
|
17808
17832
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
@@ -17811,7 +17835,7 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17811
17835
|
setIsLoadFinish(true);
|
|
17812
17836
|
}, []);
|
|
17813
17837
|
const handleStartPlay = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17814
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
17838
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
17815
17839
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17816
17840
|
return;
|
|
17817
17841
|
setIsPauseVideo(false);
|
|
@@ -17822,16 +17846,11 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17822
17846
|
const videoCurrentTime = ((_h = (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.currentTime) !== null && _h !== void 0 ? _h : 0).toFixed(2);
|
|
17823
17847
|
const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
|
|
17824
17848
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17825
|
-
eventInfo: Object.assign({ eventSubject: 'playVideo', eventDescription: 'User played the video', contentId: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '',
|
|
17849
|
+
eventInfo: Object.assign({ eventSubject: 'playVideo', eventDescription: 'User played the video', contentId: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '', sceneId: (_o = (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.scene) === null || _m === void 0 ? void 0 : _m.sceneId) !== null && _o !== void 0 ? _o : '', contentName: (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.title) !== null && _q !== void 0 ? _q : '', playType, startTime: videoCurrentTime, videoDuration, contentTags: JSON.stringify((_s = (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.tags) !== null && _s !== void 0 ? _s : []), position: index + '', contentFormat: 'video', traceInfo: (_t = item === null || item === void 0 ? void 0 : item.video) === null || _t === void 0 ? void 0 : _t.traceInfo }, ((isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) && { loadTime: (loadedTimeRef === null || loadedTimeRef === void 0 ? void 0 : loadedTimeRef.current) - (initTimeRef === null || initTimeRef === void 0 ? void 0 : initTimeRef.current) + '' }))
|
|
17826
17850
|
});
|
|
17827
17851
|
isFirstPlayRef.current = false;
|
|
17828
17852
|
}
|
|
17829
17853
|
}), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17830
|
-
const setCurrentTimeByStartTime = useCallback(() => {
|
|
17831
|
-
if (isDiyH5) {
|
|
17832
|
-
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
|
17833
|
-
}
|
|
17834
|
-
}, []);
|
|
17835
17854
|
const handLoadeddata = useCallback(() => {
|
|
17836
17855
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || firstFrameSrc || !blur)
|
|
17837
17856
|
return;
|
|
@@ -17856,13 +17875,12 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17856
17875
|
const handleLoadedmetadata = useCallback(() => {
|
|
17857
17876
|
if (!videoRef.current)
|
|
17858
17877
|
return;
|
|
17859
|
-
setCurrentTimeByStartTime();
|
|
17860
17878
|
loadedTimeRef.current = new Date();
|
|
17861
17879
|
handleStartPlay();
|
|
17862
17880
|
handLoadeddata();
|
|
17863
17881
|
}, [videoRef.current, handLoadeddata, handleStartPlay]);
|
|
17864
17882
|
const handleClickVideo = useCallback((type) => () => {
|
|
17865
|
-
var _a, _b, _c, _d, _e
|
|
17883
|
+
var _a, _b, _c, _d, _e;
|
|
17866
17884
|
if (!videoRef.current)
|
|
17867
17885
|
return;
|
|
17868
17886
|
if (!isLoadFinish)
|
|
@@ -17883,20 +17901,17 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17883
17901
|
break;
|
|
17884
17902
|
default:
|
|
17885
17903
|
if (isPause) {
|
|
17886
|
-
|
|
17887
|
-
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
|
17888
|
-
}
|
|
17889
|
-
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.play();
|
|
17904
|
+
(_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.play();
|
|
17890
17905
|
}
|
|
17891
17906
|
else {
|
|
17892
|
-
(
|
|
17907
|
+
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.pause();
|
|
17893
17908
|
}
|
|
17894
17909
|
setIsPauseVideo(!isPause);
|
|
17895
17910
|
break;
|
|
17896
17911
|
}
|
|
17897
17912
|
}, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17898
17913
|
const handlePause = useCallback(() => {
|
|
17899
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
17914
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
17900
17915
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17901
17916
|
return;
|
|
17902
17917
|
if (activeIndex !== index)
|
|
@@ -17912,14 +17927,15 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17912
17927
|
eventSubject: 'playOverVideo',
|
|
17913
17928
|
eventDescription: 'User finished playing the video',
|
|
17914
17929
|
contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
|
|
17915
|
-
|
|
17930
|
+
sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
|
|
17931
|
+
contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
|
|
17916
17932
|
endTime: videoCurrentTime,
|
|
17917
17933
|
videoDuration,
|
|
17918
17934
|
playDuration,
|
|
17919
|
-
contentTags: JSON.stringify((
|
|
17935
|
+
contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
|
|
17920
17936
|
position: index + '',
|
|
17921
17937
|
contentFormat: 'video',
|
|
17922
|
-
traceInfo: (
|
|
17938
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
17923
17939
|
}
|
|
17924
17940
|
});
|
|
17925
17941
|
}
|
|
@@ -17927,27 +17943,8 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17927
17943
|
const handleWaiting = useCallback(() => {
|
|
17928
17944
|
setWaiting(true);
|
|
17929
17945
|
}, []);
|
|
17930
|
-
const handleTimeUpload = () => {
|
|
17931
|
-
if (!videoRef.current || !isDiyH5)
|
|
17932
|
-
return;
|
|
17933
|
-
setTimeout(() => {
|
|
17934
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
17935
|
-
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)) {
|
|
17936
|
-
(_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
|
|
17937
|
-
if (!loopPlayRef.current)
|
|
17938
|
-
return;
|
|
17939
|
-
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
17940
|
-
(_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);
|
|
17941
|
-
}
|
|
17942
|
-
else {
|
|
17943
|
-
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;
|
|
17944
|
-
(_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);
|
|
17945
|
-
}
|
|
17946
|
-
}
|
|
17947
|
-
});
|
|
17948
|
-
};
|
|
17949
17946
|
useEffect(() => {
|
|
17950
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k
|
|
17947
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
17951
17948
|
if (!isActive)
|
|
17952
17949
|
return;
|
|
17953
17950
|
const videoSrc = videoUrl;
|
|
@@ -17968,7 +17965,6 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17968
17965
|
hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
|
|
17969
17966
|
hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
|
|
17970
17967
|
var _a;
|
|
17971
|
-
setCurrentTimeByStartTime();
|
|
17972
17968
|
(_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
|
|
17973
17969
|
});
|
|
17974
17970
|
}
|
|
@@ -17982,12 +17978,11 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17982
17978
|
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('play', handleStartPlay);
|
|
17983
17979
|
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.addEventListener('playing', handlePlaying);
|
|
17984
17980
|
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.addEventListener('pause', handlePause);
|
|
17985
|
-
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended',
|
|
17981
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handleEnd);
|
|
17986
17982
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
|
|
17987
17983
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
|
|
17988
|
-
(_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.addEventListener('timeupdate', handleTimeUpload);
|
|
17989
17984
|
return () => {
|
|
17990
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k
|
|
17985
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
17991
17986
|
const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
|
|
17992
17987
|
if (!isPause)
|
|
17993
17988
|
handlePause();
|
|
@@ -17999,10 +17994,9 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17999
17994
|
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
|
|
18000
17995
|
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
|
|
18001
17996
|
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
|
|
18002
|
-
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended',
|
|
17997
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handleEnd);
|
|
18003
17998
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
|
|
18004
17999
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
|
|
18005
|
-
(_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.removeEventListener('timeupdate', handleTimeUpload);
|
|
18006
18000
|
};
|
|
18007
18001
|
}, [isActive]);
|
|
18008
18002
|
useEffect(() => {
|
|
@@ -18213,19 +18207,43 @@ const Picture = (props) => {
|
|
|
18213
18207
|
}, onLoad: onShowFirstImage }))));
|
|
18214
18208
|
};
|
|
18215
18209
|
|
|
18216
|
-
const PictureGroup$4 = ({ imgUrls,
|
|
18210
|
+
const PictureGroup$4 = forwardRef(({ imgUrls, data, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig, swiperRef }, ref) => {
|
|
18217
18211
|
var _a, _b;
|
|
18218
18212
|
const { isActive } = useSwiperSlide();
|
|
18219
|
-
const { sxpParameter, openHashtag } = useSxpDataSource();
|
|
18213
|
+
const { sxpParameter, openHashtag, isDiyH5 } = useSxpDataSource();
|
|
18220
18214
|
const [isLoad, setIsLoad] = useState(false);
|
|
18221
18215
|
const [imgInfo, setImgInfo] = useState();
|
|
18222
18216
|
const [swiperActiveIndex, setSwiperActiveIndex] = useState(0);
|
|
18223
|
-
const
|
|
18217
|
+
const imgsSwiperRef = useRef();
|
|
18224
18218
|
const isFirstPlayRef = useRef(true);
|
|
18219
|
+
const loopPlayRef = useRef(true);
|
|
18225
18220
|
const initTime = new Date();
|
|
18221
|
+
useImperativeHandle(ref, () => {
|
|
18222
|
+
return {
|
|
18223
|
+
setLoopPlay(v) {
|
|
18224
|
+
loopPlayRef.current = v;
|
|
18225
|
+
}
|
|
18226
|
+
};
|
|
18227
|
+
});
|
|
18228
|
+
useEffect(() => {
|
|
18229
|
+
if (isLoad && isActive && isDiyH5) {
|
|
18230
|
+
setTimeout(() => {
|
|
18231
|
+
var _a, _b, _c, _d, _e, _f;
|
|
18232
|
+
if (!loopPlayRef.current)
|
|
18233
|
+
return;
|
|
18234
|
+
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
18235
|
+
(_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(0);
|
|
18236
|
+
}
|
|
18237
|
+
else {
|
|
18238
|
+
const i = (_d = (_c = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _c === void 0 ? void 0 : _c.swiper) === null || _d === void 0 ? void 0 : _d.activeIndex;
|
|
18239
|
+
(_f = (_e = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _e === void 0 ? void 0 : _e.swiper) === null || _f === void 0 ? void 0 : _f.slideTo(i + 1);
|
|
18240
|
+
}
|
|
18241
|
+
}, 3000);
|
|
18242
|
+
}
|
|
18243
|
+
}, [isLoad, isActive, isDiyH5, data, index, swiperRef]);
|
|
18226
18244
|
useEffect(() => {
|
|
18227
18245
|
if (isLoad && isActive) {
|
|
18228
|
-
(
|
|
18246
|
+
(imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.start();
|
|
18229
18247
|
if (openHashtag) {
|
|
18230
18248
|
onViewImageEndEvent(rec);
|
|
18231
18249
|
}
|
|
@@ -18235,7 +18253,7 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
|
|
|
18235
18253
|
}
|
|
18236
18254
|
}
|
|
18237
18255
|
else {
|
|
18238
|
-
(
|
|
18256
|
+
(imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.stop();
|
|
18239
18257
|
}
|
|
18240
18258
|
}, [rec, isActive, onViewImageEndEvent, openHashtag, index, onViewImageStartEvent, isLoad, imgInfo]);
|
|
18241
18259
|
const showFirstImageFn = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -18262,13 +18280,13 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
|
|
|
18262
18280
|
};
|
|
18263
18281
|
}, [isActive, imgInfo]);
|
|
18264
18282
|
const handleMouseEnter = useCallback(() => {
|
|
18265
|
-
if (
|
|
18266
|
-
|
|
18283
|
+
if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
|
|
18284
|
+
imgsSwiperRef.current.swiper.autoplay.stop();
|
|
18267
18285
|
}
|
|
18268
18286
|
}, []);
|
|
18269
18287
|
const handleMouseLeave = useCallback(() => {
|
|
18270
|
-
if (
|
|
18271
|
-
|
|
18288
|
+
if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
|
|
18289
|
+
imgsSwiperRef.current.swiper.autoplay.start();
|
|
18272
18290
|
}
|
|
18273
18291
|
}, []);
|
|
18274
18292
|
const handleSlideChange = useCallback((swiper) => {
|
|
@@ -18289,7 +18307,7 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
|
|
|
18289
18307
|
enabled: true
|
|
18290
18308
|
}
|
|
18291
18309
|
}
|
|
18292
|
-
: {}), { loop: true, ref:
|
|
18310
|
+
: {}), { loop: true, ref: imgsSwiperRef, onSlideChange: handleSlideChange, className: css(Object.assign(Object.assign({ '.swiper-pagination': {
|
|
18293
18311
|
bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0,
|
|
18294
18312
|
fontSize: '14px'
|
|
18295
18313
|
} }, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor) && {
|
|
@@ -18306,7 +18324,7 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
|
|
|
18306
18324
|
return (React.createElement(SwiperSlide, { key: srcKey, "aria-hidden": srcKey !== swiperActiveIndex },
|
|
18307
18325
|
React.createElement(Picture, { src: !isLoad && srcKey > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
|
|
18308
18326
|
}))));
|
|
18309
|
-
};
|
|
18327
|
+
});
|
|
18310
18328
|
var PictureGroup$5 = memo(PictureGroup$4);
|
|
18311
18329
|
|
|
18312
18330
|
/*
|
|
@@ -18586,7 +18604,7 @@ var NavBack$1 = memo(NavBack);
|
|
|
18586
18604
|
* @Author: binruan@chatlabs.com
|
|
18587
18605
|
* @Date: 2024-03-20 10:27:31
|
|
18588
18606
|
* @LastEditors: binruan@chatlabs.com
|
|
18589
|
-
* @LastEditTime: 2025-05-
|
|
18607
|
+
* @LastEditTime: 2025-05-12 14:26:15
|
|
18590
18608
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
18591
18609
|
*
|
|
18592
18610
|
*/
|
|
@@ -18606,6 +18624,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18606
18624
|
const skipLinkRef = useRef(false);
|
|
18607
18625
|
const [pageNum, setPageNum] = useState(2);
|
|
18608
18626
|
const videoWidgetRef = useRef(null);
|
|
18627
|
+
const pictureGroupRef = useRef(null);
|
|
18609
18628
|
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();
|
|
18610
18629
|
const { backMainFeed, productView, jumpToWeb } = useEventReport();
|
|
18611
18630
|
const isShowFingerTip = useMemo(() => {
|
|
@@ -18653,7 +18672,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18653
18672
|
(_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
|
|
18654
18673
|
}, [data, ctaType, swiperRef]);
|
|
18655
18674
|
const handleSessionCompleted = useCallback((fk) => {
|
|
18656
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
18675
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
18657
18676
|
const item = data === null || data === void 0 ? void 0 : data[activeIndex];
|
|
18658
18677
|
let fromKName = '';
|
|
18659
18678
|
if (popupDetailData && (((_b = (_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
|
|
@@ -18680,12 +18699,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18680
18699
|
eventSubject: 'sessionCompleted',
|
|
18681
18700
|
eventDescription: 'Session completed',
|
|
18682
18701
|
contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
|
|
18683
|
-
|
|
18702
|
+
sceneId: (_q = (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.scene) === null || _p === void 0 ? void 0 : _p.sceneId) !== null && _q !== void 0 ? _q : '',
|
|
18703
|
+
productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
|
|
18684
18704
|
position: activeIndex + '',
|
|
18685
18705
|
fromKName: fk || fromKName,
|
|
18686
18706
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
18687
|
-
ctatId: (
|
|
18688
|
-
traceInfo: (
|
|
18707
|
+
ctatId: (_u = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.bindCta) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '',
|
|
18708
|
+
traceInfo: (_y = (_w = (_v = item === null || item === void 0 ? void 0 : item.video) === null || _v === void 0 ? void 0 : _v.traceInfo) !== null && _w !== void 0 ? _w : (_x = item === null || item === void 0 ? void 0 : item.product) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : ''
|
|
18689
18709
|
}
|
|
18690
18710
|
});
|
|
18691
18711
|
}, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
|
|
@@ -18744,8 +18764,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18744
18764
|
refreshFeSession
|
|
18745
18765
|
]);
|
|
18746
18766
|
const handleSessionExpire = useCallback(debounce(() => {
|
|
18747
|
-
var _a;
|
|
18767
|
+
var _a, _b;
|
|
18748
18768
|
(_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
|
|
18769
|
+
(_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
|
|
18749
18770
|
refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false, handleSessionCompleted);
|
|
18750
18771
|
}, 1000), [handleSessionCompleted, refreshFeSession]);
|
|
18751
18772
|
useEffect(() => {
|
|
@@ -18815,18 +18836,18 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18815
18836
|
return null;
|
|
18816
18837
|
}, [globalConfig, activeIndex, visList]);
|
|
18817
18838
|
const renderContent = useCallback((rec, index) => {
|
|
18818
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18839
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
18819
18840
|
if (rec === 'organic menu') {
|
|
18820
18841
|
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)));
|
|
18821
18842
|
}
|
|
18822
|
-
if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null ||
|
|
18843
|
+
if (((_h = (_g = rec.video) === null || _g === void 0 ? void 0 : _g.scene) === null || _h === void 0 ? void 0 : _h.mediaUrl) || ((_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.url)) {
|
|
18823
18844
|
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 })));
|
|
18824
18845
|
}
|
|
18825
|
-
if ((
|
|
18826
|
-
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 }));
|
|
18846
|
+
if ((_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.imgUrls) {
|
|
18847
|
+
return (React.createElement(PictureGroup$5, Object.assign({ data: data }, (activeIndex === index && { ref: pictureGroupRef }), { 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, swiperRef: swiperRef })));
|
|
18827
18848
|
}
|
|
18828
|
-
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((
|
|
18829
|
-
return (
|
|
18849
|
+
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_l = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _l === void 0 ? void 0 : _l.length) > 0) {
|
|
18850
|
+
return (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _m === void 0 ? void 0 : _m.map((value, idx) => {
|
|
18830
18851
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
18831
18852
|
const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
|
|
18832
18853
|
const Component = withBindDataSource(t);
|
|
@@ -18864,7 +18885,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18864
18885
|
};
|
|
18865
18886
|
}, [isShowMore]);
|
|
18866
18887
|
const renderBottom = useCallback((rec, index) => {
|
|
18867
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
18888
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
18868
18889
|
if (rec === null || rec === void 0 ? void 0 : rec.video) {
|
|
18869
18890
|
let cta = null;
|
|
18870
18891
|
if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) {
|
|
@@ -18873,20 +18894,23 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18873
18894
|
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
|
|
18874
18895
|
cta = '商品CTA';
|
|
18875
18896
|
}
|
|
18897
|
+
else if (tempMap && ((_d = Object.keys(tempMap)) === null || _d === void 0 ? void 0 : _d.includes('服务CTA')) && ((_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.bindCta) === null || _f === void 0 ? void 0 : _f.itemId)) {
|
|
18898
|
+
cta = '服务CTA';
|
|
18899
|
+
}
|
|
18876
18900
|
else {
|
|
18877
|
-
cta = (
|
|
18901
|
+
cta = (_h = (_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.bindCta) === null || _h === void 0 ? void 0 : _h.itemId;
|
|
18878
18902
|
}
|
|
18879
18903
|
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
18880
18904
|
return (React.createElement(React.Fragment, null,
|
|
18881
|
-
((
|
|
18882
|
-
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(
|
|
18905
|
+
((_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
|
|
18906
|
+
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_k = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _k !== void 0 ? _k : 40}px` } },
|
|
18883
18907
|
React.createElement(Nudge, { nudge: nudge }),
|
|
18884
18908
|
(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
18885
18909
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
|
|
18886
18910
|
React.createElement("div", null,
|
|
18887
|
-
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: (
|
|
18911
|
+
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: (_m = (_l = rec === null || rec === void 0 ? void 0 : rec.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '', 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 }),
|
|
18888
18912
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
|
|
18889
|
-
React.createElement(Hashtag$1, { index: activeIndex, tags: (
|
|
18913
|
+
React.createElement(Hashtag$1, { index: activeIndex, tags: (_p = (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.hashTags) !== null && _p !== void 0 ? _p : [], itemId: (_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.itemId, itemType: ((_r = rec === null || rec === void 0 ? void 0 : rec.video) === null || _r === void 0 ? void 0 : _r.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
|
|
18890
18914
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
|
|
18891
18915
|
}
|
|
18892
18916
|
return null;
|
|
@@ -18924,7 +18948,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18924
18948
|
return null;
|
|
18925
18949
|
}, [globalConfig, waterFallData]);
|
|
18926
18950
|
const handleViewImageStartEnd = (item) => {
|
|
18927
|
-
var _a, _b, _c, _d, _e, _f;
|
|
18951
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18928
18952
|
if (!((_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.url) && ((_b = item === null || item === void 0 ? void 0 : item.video) === null || _b === void 0 ? void 0 : _b.imgUrls)) {
|
|
18929
18953
|
const endTime = Date.now();
|
|
18930
18954
|
const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
|
|
@@ -18933,10 +18957,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18933
18957
|
eventSubject: 'viewImageCarouselEnd',
|
|
18934
18958
|
eventDescription: 'User end view the image carousel',
|
|
18935
18959
|
contentId: (_d = (_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '',
|
|
18936
|
-
|
|
18960
|
+
sceneId: (_g = (_f = (_e = item === null || item === void 0 ? void 0 : item.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
18961
|
+
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
18937
18962
|
imageEndTime: `${endTime}`,
|
|
18938
18963
|
playDuration: `${duration}`,
|
|
18939
|
-
contentTags: JSON.stringify((
|
|
18964
|
+
contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
|
|
18940
18965
|
position: activeIndex + '',
|
|
18941
18966
|
contentFormat: 'image',
|
|
18942
18967
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
|
|
@@ -18945,7 +18970,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18945
18970
|
}
|
|
18946
18971
|
};
|
|
18947
18972
|
const handleSlideSkip = (item, position) => {
|
|
18948
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
18973
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
|
|
18949
18974
|
if (isPreview || waterFallData)
|
|
18950
18975
|
return;
|
|
18951
18976
|
const t = new Date() - curTime.current;
|
|
@@ -18971,7 +18996,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18971
18996
|
contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
|
|
18972
18997
|
position: position + '',
|
|
18973
18998
|
contentId: (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.itemId) !== null && _t !== void 0 ? _t : '',
|
|
18974
|
-
|
|
18999
|
+
sceneId: (_w = (_v = (_u = item === null || item === void 0 ? void 0 : item.video) === null || _u === void 0 ? void 0 : _u.scene) === null || _v === void 0 ? void 0 : _v.sceneId) !== null && _w !== void 0 ? _w : '',
|
|
19000
|
+
traceInfo: (_0 = (_y = (_x = item === null || item === void 0 ? void 0 : item.video) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : (_z = item === null || item === void 0 ? void 0 : item.product) === null || _z === void 0 ? void 0 : _z.traceInfo) !== null && _0 !== void 0 ? _0 : '',
|
|
18975
19001
|
contentFormat
|
|
18976
19002
|
}
|
|
18977
19003
|
});
|
|
@@ -18981,7 +19007,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18981
19007
|
}
|
|
18982
19008
|
};
|
|
18983
19009
|
const handleScrollEvent = (swiper) => {
|
|
18984
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
19010
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
|
|
18985
19011
|
const item = data[swiper.previousIndex];
|
|
18986
19012
|
if (!item)
|
|
18987
19013
|
return;
|
|
@@ -18998,11 +19024,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18998
19024
|
eventSubject: 'scrollDown',
|
|
18999
19025
|
eventDescription: 'User scroll down',
|
|
19000
19026
|
contentId: (_e = (_d = item === null || item === void 0 ? void 0 : item.video) === null || _d === void 0 ? void 0 : _d.itemId) !== null && _e !== void 0 ? _e : '',
|
|
19001
|
-
|
|
19027
|
+
sceneId: (_h = (_g = (_f = item === null || item === void 0 ? void 0 : item.video) === null || _f === void 0 ? void 0 : _f.scene) === null || _g === void 0 ? void 0 : _g.sceneId) !== null && _h !== void 0 ? _h : '',
|
|
19028
|
+
productId: (_k = (_j = item === null || item === void 0 ? void 0 : item.product) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '',
|
|
19002
19029
|
requestId: null,
|
|
19003
|
-
traceInfo: (
|
|
19030
|
+
traceInfo: (_p = (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.traceInfo) !== null && _m !== void 0 ? _m : (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.traceInfo) !== null && _p !== void 0 ? _p : '',
|
|
19004
19031
|
contentFormat,
|
|
19005
|
-
position: ((
|
|
19032
|
+
position: ((_q = swiper.previousIndex) !== null && _q !== void 0 ? _q : 0) + ''
|
|
19006
19033
|
}
|
|
19007
19034
|
});
|
|
19008
19035
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19014,12 +19041,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19014
19041
|
eventInfo: {
|
|
19015
19042
|
eventSubject: 'scrollUp',
|
|
19016
19043
|
eventDescription: 'User scroll up',
|
|
19017
|
-
contentId: (
|
|
19018
|
-
|
|
19044
|
+
contentId: (_s = (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.itemId) !== null && _s !== void 0 ? _s : '',
|
|
19045
|
+
sceneId: (_v = (_u = (_t = item === null || item === void 0 ? void 0 : item.video) === null || _t === void 0 ? void 0 : _t.scene) === null || _u === void 0 ? void 0 : _u.sceneId) !== null && _v !== void 0 ? _v : '',
|
|
19046
|
+
productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
|
|
19019
19047
|
requestId: null,
|
|
19020
|
-
traceInfo: (
|
|
19048
|
+
traceInfo: (_1 = (_z = (_y = item === null || item === void 0 ? void 0 : item.video) === null || _y === void 0 ? void 0 : _y.traceInfo) !== null && _z !== void 0 ? _z : (_0 = item === null || item === void 0 ? void 0 : item.product) === null || _0 === void 0 ? void 0 : _0.traceInfo) !== null && _1 !== void 0 ? _1 : '',
|
|
19021
19049
|
contentFormat,
|
|
19022
|
-
position: ((
|
|
19050
|
+
position: ((_2 = swiper.previousIndex) !== null && _2 !== void 0 ? _2 : 0) + ''
|
|
19023
19051
|
}
|
|
19024
19052
|
});
|
|
19025
19053
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19045,7 +19073,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19045
19073
|
}
|
|
19046
19074
|
}, [openHashtag, data, activeIndex]);
|
|
19047
19075
|
const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
|
|
19048
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
19076
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
19049
19077
|
const item = data[activeIndex];
|
|
19050
19078
|
// 如果是图片集则上报事件
|
|
19051
19079
|
if (!((_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.url) && ((_b = item === null || item === void 0 ? void 0 : item.video) === null || _b === void 0 ? void 0 : _b.imgUrls)) {
|
|
@@ -19056,9 +19084,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19056
19084
|
eventSubject: 'viewImageCarouselStart',
|
|
19057
19085
|
eventDescription: 'User start view the image carousel',
|
|
19058
19086
|
contentId: (_d = (_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '',
|
|
19059
|
-
|
|
19087
|
+
sceneId: (_g = (_f = (_e = item === null || item === void 0 ? void 0 : item.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
19088
|
+
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
19060
19089
|
imageStartTime: `${startTime}`,
|
|
19061
|
-
contentTags: JSON.stringify((
|
|
19090
|
+
contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
|
|
19062
19091
|
position: activeIndex + '',
|
|
19063
19092
|
contentFormat: 'image',
|
|
19064
19093
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
|
|
@@ -19068,11 +19097,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19068
19097
|
if (enableCapi) {
|
|
19069
19098
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19070
19099
|
eventName: 'ViewContent',
|
|
19071
|
-
product: (
|
|
19100
|
+
product: (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.bindProduct
|
|
19072
19101
|
});
|
|
19073
19102
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19074
19103
|
eventName: 'PageView',
|
|
19075
|
-
product: (
|
|
19104
|
+
product: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.bindProduct
|
|
19076
19105
|
});
|
|
19077
19106
|
}
|
|
19078
19107
|
}
|
|
@@ -19225,7 +19254,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19225
19254
|
}, []);
|
|
19226
19255
|
const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
|
|
19227
19256
|
const handlePlaying = useCallback(() => {
|
|
19228
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19257
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
19229
19258
|
setIsPauseVideo(false);
|
|
19230
19259
|
const item = data[index];
|
|
19231
19260
|
if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
|
|
@@ -19238,14 +19267,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19238
19267
|
eventSubject: 'playVideo',
|
|
19239
19268
|
eventDescription: 'User played the video',
|
|
19240
19269
|
contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
|
|
19241
|
-
|
|
19270
|
+
sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
|
|
19271
|
+
contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
|
|
19242
19272
|
playType,
|
|
19243
19273
|
startTime: videoCurrentTime,
|
|
19244
19274
|
videoDuration,
|
|
19245
|
-
contentTags: JSON.stringify((
|
|
19275
|
+
contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
|
|
19246
19276
|
position: index + '',
|
|
19247
19277
|
contentFormat: 'video',
|
|
19248
|
-
traceInfo: (
|
|
19278
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
19249
19279
|
}
|
|
19250
19280
|
});
|
|
19251
19281
|
setIsFirstPlay(false);
|
|
@@ -19284,7 +19314,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19284
19314
|
}
|
|
19285
19315
|
}, [isLoadFinish]);
|
|
19286
19316
|
const onPause = useCallback(() => {
|
|
19287
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19317
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
19288
19318
|
const item = data[index];
|
|
19289
19319
|
const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
|
|
19290
19320
|
const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
|
|
@@ -19295,14 +19325,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19295
19325
|
eventSubject: 'playOverVideo',
|
|
19296
19326
|
eventDescription: 'User finished playing the video',
|
|
19297
19327
|
contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
|
|
19298
|
-
|
|
19328
|
+
sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
|
|
19329
|
+
contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
|
|
19299
19330
|
endTime: videoCurrentTime,
|
|
19300
19331
|
videoDuration,
|
|
19301
19332
|
playDuration,
|
|
19302
|
-
contentTags: JSON.stringify((
|
|
19333
|
+
contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
|
|
19303
19334
|
position: index + '',
|
|
19304
19335
|
contentFormat: 'video',
|
|
19305
|
-
traceInfo: (
|
|
19336
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
19306
19337
|
}
|
|
19307
19338
|
});
|
|
19308
19339
|
}
|