pb-sxp-ui 1.16.25 → 1.17.0-alpha

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.
Files changed (76) hide show
  1. package/dist/index.cjs +268 -338
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +15 -7
  4. package/dist/index.js +268 -338
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +6 -6
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +6 -6
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +268 -338
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +6 -6
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/DiyPortalPreview/VideoWidget.js +8 -10
  15. package/es/core/components/SxpPageRender/LikeButton/index.js +16 -18
  16. package/es/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
  17. package/es/core/components/SxpPageRender/PictureGroup/index.js +13 -39
  18. package/es/core/components/SxpPageRender/RenderCard.js +1 -1
  19. package/es/core/components/SxpPageRender/VideoWidget/index.js +45 -32
  20. package/es/core/components/SxpPageRender/WaterFall/index.js +3 -4
  21. package/es/core/components/SxpPageRender/index.js +37 -53
  22. package/es/core/context/SxpDataSourceProvider.d.ts +12 -5
  23. package/es/core/context/SxpDataSourceProvider.js +10 -32
  24. package/es/core/hooks/useEventReport.js +5 -6
  25. package/es/materials/sxp/consentPopup/Display/index.js +1 -1
  26. package/es/materials/sxp/cta/AniLinkPopup/material.js +2 -3
  27. package/es/materials/sxp/popup/CommodityDetail/material.js +1 -2
  28. package/es/materials/sxp/popup/CommodityList/index.js +4 -5
  29. package/es/materials/sxp/popup/CommodityList/material.js +1 -1
  30. package/es/materials/sxp/popup/CommodityList/settingRender.js +1 -1
  31. package/es/materials/sxp/template/Appoint/material.js +1 -2
  32. package/es/materials/sxp/template/Commodity/material.js +2 -3
  33. package/es/materials/sxp/template/CommodityDiro/material.js +2 -3
  34. package/es/materials/sxp/template/CommodityDiroNew/material.js +2 -4
  35. package/es/materials/sxp/template/Link/material.js +2 -4
  36. package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
  37. package/es/materials/sxp/template/MultiCommodity/material.js +1 -2
  38. package/es/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  39. package/es/materials/sxp/template/MultiCommodityDiro/material.js +2 -3
  40. package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  41. package/es/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -4
  42. package/es/materials/sxp/template/NineCommodity/material.js +2 -3
  43. package/es/materials/sxp/template/components/CommodityGroup.js +1 -1
  44. package/es/materials/sxp/template/components/settingRender.js +1 -1
  45. package/lib/core/components/DiyPortalPreview/VideoWidget.js +8 -10
  46. package/lib/core/components/SxpPageRender/LikeButton/index.js +16 -18
  47. package/lib/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
  48. package/lib/core/components/SxpPageRender/PictureGroup/index.js +12 -38
  49. package/lib/core/components/SxpPageRender/RenderCard.js +1 -1
  50. package/lib/core/components/SxpPageRender/VideoWidget/index.js +45 -32
  51. package/lib/core/components/SxpPageRender/WaterFall/index.js +3 -4
  52. package/lib/core/components/SxpPageRender/index.js +37 -53
  53. package/lib/core/context/SxpDataSourceProvider.d.ts +12 -5
  54. package/lib/core/context/SxpDataSourceProvider.js +10 -32
  55. package/lib/core/hooks/useEventReport.js +5 -6
  56. package/lib/materials/sxp/consentPopup/Display/index.js +1 -1
  57. package/lib/materials/sxp/cta/AniLinkPopup/material.js +1 -2
  58. package/lib/materials/sxp/popup/CommodityDetail/material.js +1 -2
  59. package/lib/materials/sxp/popup/CommodityList/index.js +4 -5
  60. package/lib/materials/sxp/popup/CommodityList/material.js +1 -1
  61. package/lib/materials/sxp/popup/CommodityList/settingRender.js +1 -1
  62. package/lib/materials/sxp/template/Appoint/material.js +1 -2
  63. package/lib/materials/sxp/template/Commodity/material.js +2 -3
  64. package/lib/materials/sxp/template/CommodityDiro/material.js +2 -3
  65. package/lib/materials/sxp/template/CommodityDiroNew/material.js +2 -4
  66. package/lib/materials/sxp/template/Link/material.js +2 -4
  67. package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
  68. package/lib/materials/sxp/template/MultiCommodity/material.js +1 -2
  69. package/lib/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  70. package/lib/materials/sxp/template/MultiCommodityDiro/material.js +2 -3
  71. package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  72. package/lib/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -4
  73. package/lib/materials/sxp/template/NineCommodity/material.js +2 -3
  74. package/lib/materials/sxp/template/components/CommodityGroup.js +1 -1
  75. package/lib/materials/sxp/template/components/settingRender.js +1 -1
  76. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -622,7 +622,6 @@ const DEFAULT_TAG = 'FOR U';
622
622
  const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent = true, maxSize, defaultSize, isPreview = false, sxpParameter, appDomain, hashTagSize, loadingImage, isOpenHashTag = false, enabledMetaConversionApi = false, consentHeight, consentWidth, isOpenConsent = false, isEditor = false, utmParameter, channelQueryList, data, dataList, isDiyH5, onUpdateSchema, onUpdateChannel }) => {
623
623
  var _a, _b, _c, _d, _e;
624
624
  const [rtcList, setRtcList] = useState([]);
625
- const [firstRtcList, setFirstRtcList] = useState([]);
626
625
  const [tagList, setTagList] = useState([]);
627
626
  const [loading, setLoading] = useState(true);
628
627
  const [curReqInfo, setCurReqInfo] = useState({ rtc: '', requestId: '' });
@@ -716,7 +715,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
716
715
  }, [bffDataSource]);
717
716
  // bff API 请求方法
718
717
  const bffFetch = useCallback((path, options, isBota = true) => {
719
- var _a, _b;
718
+ var _a;
720
719
  if (!bffDataSource)
721
720
  return;
722
721
  const url = bffDataSource.url;
@@ -729,9 +728,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
729
728
  val.split('=')[0];
730
729
  val.split('=')[1];
731
730
  });
732
- options.body = Object.assign(Object.assign({}, options.body), { productUserId: fakeUserId });
733
731
  return window
734
- .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId, 'tenant-id': (_b = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _b === void 0 ? void 0 : _b['x-app-id'] }, bffDataSource.headers), method: options.method, body: options.type === 'beacon' && isBota
732
+ .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers), method: options.method, body: options.type === 'beacon' && isBota
735
733
  ? JSON.stringify({
736
734
  body: btoa(encodeURIComponent(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))))
737
735
  })
@@ -1006,9 +1004,6 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1006
1004
  if ((rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) === 0) {
1007
1005
  setRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1008
1006
  setCacheRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1009
- if (isDiyH5) {
1010
- setFirstRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1011
- }
1012
1007
  }
1013
1008
  const isNotNullList = (_0 = (_z = result === null || result === void 0 ? void 0 : result.data) === null || _z === void 0 ? void 0 : _z.recList) === null || _0 === void 0 ? void 0 : _0.some((item) => (item === null || item === void 0 ? void 0 : item.product) || (item === null || item === void 0 ? void 0 : item.video));
1014
1009
  if (isNotNullList) {
@@ -1048,17 +1043,12 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1048
1043
  if (rtcList.length <= 0) {
1049
1044
  return;
1050
1045
  }
1051
- if (isDiyH5 && (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) > 0) {
1052
- setRtcList(rtcList.concat(firstRtcList));
1053
- setCacheRtcList(cacheRtcList.concat(firstRtcList));
1054
- return;
1055
- }
1056
1046
  const lastItem = rtcList === null || rtcList === void 0 ? void 0 : rtcList[(rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) - 1];
1057
1047
  const data = yield getRecommendVideos(Object.assign(Object.assign(Object.assign(Object.assign({ hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag }, (((_1 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _1 === void 0 ? void 0 : _1.itemId) && { productFilter: [(_2 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _2 === void 0 ? void 0 : _2.itemId] })), (((_3 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _3 === void 0 ? void 0 : _3.itemId) && { contentFilter: [(_4 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _4 === void 0 ? void 0 : _4.itemId] })), { themeTag: themeTag.current }), ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) && !isEditor && { pageNum })));
1058
1048
  setRtcList(rtcList.concat(getFilterRecList(data)));
1059
1049
  setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
1060
1050
  return data;
1061
- }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList, isDiyH5, firstRtcList]);
1051
+ }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
1062
1052
  const refreshFeSession = useCallback((enableReSid, event) => {
1063
1053
  var _a, _b, _c, _d, _e;
1064
1054
  let expire = false;
@@ -1089,8 +1079,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1089
1079
  // 用户信息都是公共的
1090
1080
  if (!userInfo) {
1091
1081
  userInfo = {
1092
- productUserId: fakeUserId // 后端逻辑会从请求头获取，所以不需要传
1093
- // tpChannelId: 'H5' // 后端处理
1082
+ // productUserId: fakeUserId, // 后端逻辑会从请求头获取，所以不需要传
1083
+ // tpChannelId: 'H5' // 后端处理
1094
1084
  };
1095
1085
  }
1096
1086
  const sessionID = storeAndLoadFeSessionId();
@@ -1124,8 +1114,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1124
1114
  layoutVariantId,
1125
1115
  globalConfig,
1126
1116
  playbookType,
1127
- bffDataSource,
1128
- fakeUserId
1117
+ bffDataSource
1129
1118
  ]);
1130
1119
  const getEventParamsByJson = useCallback((json, product) => {
1131
1120
  var _a, _b, _c;
@@ -1258,15 +1247,13 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1258
1247
  }
1259
1248
  }, [bffFetch, enableReportEvent, enabledMetaConversionApi, globalConfig, bffDataSource, getEventParamsByJson]);
1260
1249
  const bffMutateLike = useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
1261
- body = Object.assign(Object.assign({}, body), { productUserId: fakeUserId });
1262
1250
  const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/like', { method: 'POST', body }));
1263
1251
  return res === null || res === void 0 ? void 0 : res.success;
1264
- }), [bffFetch, fakeUserId]);
1252
+ }), [bffFetch]);
1265
1253
  const bffMutateUnlike = useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
1266
- body = Object.assign(Object.assign({}, body), { productUserId: fakeUserId });
1267
1254
  const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/unlike', { method: 'POST', body }));
1268
1255
  return res === null || res === void 0 ? void 0 : res.success;
1269
- }), [bffFetch, fakeUserId]);
1256
+ }), [bffFetch]);
1270
1257
  const bffSubmitForm = useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
1271
1258
  const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/customform', { method: 'POST', body }));
1272
1259
  return res === null || res === void 0 ? void 0 : res.success;
@@ -1291,7 +1278,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1291
1278
  }
1292
1279
  }), [bffFetch, utmVal]);
1293
1280
  const ctaEvent = useCallback((eventInfo, rec, product, position) => {
1294
- 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;
1281
+ 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;
1295
1282
  const cta = product === null || product === void 0 ? void 0 : product.bindCta;
1296
1283
  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);
1297
1284
  let fromKName = '';
@@ -1309,7 +1296,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1309
1296
  }
1310
1297
  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;
1311
1298
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1312
- 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 })
1299
+ 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: (_10 = (_7 = (_2 = (_y = (_v = cta === null || cta === void 0 ? void 0 : cta.traceInfo) !== null && _v !== void 0 ? _v : (_x = (_w = rec === null || rec === void 0 ? void 0 : rec.video) === null || _w === void 0 ? void 0 : _w.bindCta) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : (_1 = (_0 = (_z = rec === null || rec === void 0 ? void 0 : rec.video) === null || _z === void 0 ? void 0 : _z.bindProduct) === null || _0 === void 0 ? void 0 : _0.bindCta) === null || _1 === void 0 ? void 0 : _1.traceInfo) !== null && _2 !== void 0 ? _2 : (_6 = (_5 = (_4 = (_3 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _3 === void 0 ? void 0 : _3.bindProducts) === null || _4 === void 0 ? void 0 : _4[0]) === null || _5 === void 0 ? void 0 : _5.bindCta) === null || _6 === void 0 ? void 0 : _6.traceInfo) !== null && _7 !== void 0 ? _7 : (_9 = (_8 = rec === null || rec === void 0 ? void 0 : rec.product) === null || _8 === void 0 ? void 0 : _8.bindCta) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : '', fromKName, fromKPage: (_11 = location === null || location === void 0 ? void 0 : location.href) !== null && _11 !== void 0 ? _11 : '', contentFormat })
1313
1300
  });
1314
1301
  }, [bffEventReport, isFromHashtag]);
1315
1302
  const h5EnterLink = useCallback(() => {
@@ -1411,9 +1398,6 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1411
1398
  }
1412
1399
  setRtcList(list);
1413
1400
  setCacheRtcList(list);
1414
- if (isDiyH5) {
1415
- setFirstRtcList(list);
1416
- }
1417
1401
  bffGetTagList(curData !== null && curData !== void 0 ? curData : finalPageData);
1418
1402
  if (channel) {
1419
1403
  const item = list === null || list === void 0 ? void 0 : list[0];
@@ -1449,9 +1433,6 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1449
1433
  }
1450
1434
  setRtcList(list);
1451
1435
  setCacheRtcList(list);
1452
- if (isDiyH5) {
1453
- setFirstRtcList(list);
1454
- }
1455
1436
  }
1456
1437
  })
1457
1438
  .finally(() => {
@@ -1515,8 +1496,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1515
1496
  refreshFeSession,
1516
1497
  getAccount,
1517
1498
  accountSonsent,
1518
- isDiyH5,
1519
- firstRtcList
1499
+ isDiyH5
1520
1500
  } }, 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({
1521
1501
  rtcList,
1522
1502
  mutateLike: bffMutateLike,
@@ -1977,14 +1957,14 @@ var settingRender$f = [
1977
1957
  * @Author: binruan@chatlabs.com
1978
1958
  * @Date: 2024-03-12 10:59:06
1979
1959
  * @LastEditors: binruan@chatlabs.com
1980
- * @LastEditTime: 2025-05-09 15:30:59
1960
+ * @LastEditTime: 2024-11-28 11:17:16
1981
1961
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
1982
1962
  *
1983
1963
  */
1984
1964
  function useEventReport() {
1985
1965
  const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
1986
1966
  const jumpToWeb = useCallback((e, data, product, cta, position, traceInfo) => {
1987
- 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;
1967
+ 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;
1988
1968
  const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
1989
1969
  if (i !== -1) {
1990
1970
  return;
@@ -2017,11 +1997,11 @@ function useEventReport() {
2017
1997
  contentFormat = 'image';
2018
1998
  }
2019
1999
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
2020
- 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 }))
2000
+ 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 : '', ctatId: (_0 = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _0 !== void 0 ? _0 : '', traceInfo: (_13 = (_10 = (_8 = (_4 = (_1 = traceInfo !== null && traceInfo !== void 0 ? traceInfo : product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _1 !== void 0 ? _1 : (_3 = (_2 = data === null || data === void 0 ? void 0 : data.video) === null || _2 === void 0 ? void 0 : _2.bindProduct) === null || _3 === void 0 ? void 0 : _3.traceInfo) !== null && _4 !== void 0 ? _4 : (_7 = (_6 = (_5 = data === null || data === void 0 ? void 0 : data.video) === null || _5 === void 0 ? void 0 : _5.bindProducts) === null || _6 === void 0 ? void 0 : _6[0]) === null || _7 === void 0 ? void 0 : _7.traceInfo) !== null && _8 !== void 0 ? _8 : (_9 = data === null || data === void 0 ? void 0 : data.product) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : (_12 = (_11 = data === null || data === void 0 ? void 0 : data.video) === null || _11 === void 0 ? void 0 : _11.bindCta) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : '' }, (contentFormat && { contentFormat }))
2021
2001
  });
2022
2002
  }, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
2023
2003
  const productView = useCallback((data, product, cta, viewTime, position) => {
2024
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
2004
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
2025
2005
  let fromKName = '';
2026
2006
  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))) {
2027
2007
  fromKName = 'pdpPage';
@@ -2040,9 +2020,8 @@ function useEventReport() {
2040
2020
  contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
2041
2021
  position: position + '',
2042
2022
  contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
2043
- 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 : '',
2044
2023
  ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
2045
- 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 : '',
2024
+ traceInfo: (_p = (_m = (_h = (_e = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _e !== void 0 ? _e : (_g = (_f = data === null || data === void 0 ? void 0 : data.video) === null || _f === void 0 ? void 0 : _f.bindProduct) === null || _g === void 0 ? void 0 : _g.traceInfo) !== null && _h !== void 0 ? _h : (_l = (_k = (_j = data === null || data === void 0 ? void 0 : data.video) === null || _j === void 0 ? void 0 : _j.bindProducts) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.traceInfo) !== null && _m !== void 0 ? _m : (_o = data === null || data === void 0 ? void 0 : data.product) === null || _o === void 0 ? void 0 : _o.traceInfo) !== null && _p !== void 0 ? _p : '',
2046
2025
  timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
2047
2026
  eventSubject: 'productView',
2048
2027
  eventDescription: 'User browsed the product'
@@ -2638,6 +2617,35 @@ var settingRender$e = [
2638
2617
  }
2639
2618
  ];
2640
2619
 
2620
+ /*
2621
+ * @Author: binruan@chatlabs.com
2622
+ * @Date: 2024-07-09 14:35:10
2623
+ * @LastEditors: binruan@chatlabs.com
2624
+ * @LastEditTime: 2024-07-12 17:53:02
2625
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\interactionRender.tsx
2626
+ *
2627
+ */
2628
+ /*
2629
+ * @Author: binruan@chatlabs.com
2630
+ * @Date: 2024-07-05 14:08:41
2631
+ * @LastEditors: binruan@chatlabs.com
2632
+ * @LastEditTime: 2024-07-09 14:34:49
2633
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
2634
+ *
2635
+ */
2636
+ var interactionRender$g = [
2637
+ {
2638
+ title: '滑动事件',
2639
+ child: [
2640
+ {
2641
+ type: 'Switch',
2642
+ label: '滑动铺满全屏',
2643
+ name: ['isScrollFullScreen']
2644
+ }
2645
+ ]
2646
+ }
2647
+ ];
2648
+
2641
2649
  /**
2642
2650
  * SSR Window 4.0.2
2643
2651
  * Better handling for window object in SSR environment
@@ -10216,7 +10224,7 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
10216
10224
  return (React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.bindCta) ? (React.createElement(SwiperSlide, { className: css({
10217
10225
  width: '50px',
10218
10226
  height: '50px',
10219
- marginRight: '10px'
10227
+ marginInlineStart: '10px'
10220
10228
  }), onClick: () => {
10221
10229
  handleClick(item, index);
10222
10230
  }, key: index },
@@ -10815,35 +10823,6 @@ const CommodityDetail$1 = (_a) => {
10815
10823
  };
10816
10824
  var CommodityDetailComponent = memo(CommodityDetail$1);
10817
10825
 
10818
- /*
10819
- * @Author: binruan@chatlabs.com
10820
- * @Date: 2024-07-09 14:35:10
10821
- * @LastEditors: binruan@chatlabs.com
10822
- * @LastEditTime: 2024-07-12 17:53:02
10823
- * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\interactionRender.tsx
10824
- *
10825
- */
10826
- /*
10827
- * @Author: binruan@chatlabs.com
10828
- * @Date: 2024-07-05 14:08:41
10829
- * @LastEditors: binruan@chatlabs.com
10830
- * @LastEditTime: 2024-07-09 14:34:49
10831
- * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
10832
- *
10833
- */
10834
- var interactionRender$g = [
10835
- {
10836
- title: '滑动事件',
10837
- child: [
10838
- {
10839
- type: 'Switch',
10840
- label: '滑动铺满全屏',
10841
- name: ['isScrollFullScreen']
10842
- }
10843
- ]
10844
- }
10845
- ];
10846
-
10847
10826
  /*
10848
10827
  * @Author: binruan@chatlabs.com
10849
10828
  * @Date: 2023-07-28 18:29:57
@@ -10890,7 +10869,6 @@ const CommodityDetail = createMaterial(CommodityDetailComponent, {
10890
10869
  taxInfo: {
10891
10870
  color: '#000',
10892
10871
  fontSize: 13,
10893
- textAlign: 'left',
10894
10872
  marginBottom: '10px'
10895
10873
  }
10896
10874
  },
@@ -11982,7 +11960,7 @@ var settingRender$b = [
11982
11960
  type: 'Number',
11983
11961
  label: '与右侧边距',
11984
11962
  addonAfter: 'px',
11985
- name: ['props', 'commodityPicture', 'marginRight']
11963
+ name: ['props', 'commodityPicture', 'marginInlineStart']
11986
11964
  },
11987
11965
  {
11988
11966
  label: '居中垂直偏移',
@@ -12268,12 +12246,11 @@ const CommodityList$1 = (_a) => {
12268
12246
  React.createElement("button", Object.assign({ role: 'button', "aria-label": item === null || item === void 0 ? void 0 : item.title, tabIndex: 0, className: css({
12269
12247
  display: 'flex',
12270
12248
  alignItems: 'normal',
12271
- width: '100%',
12272
- textAlign: 'left'
12249
+ width: '100%'
12273
12250
  }) }, props),
12274
12251
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: commodityPicture, enableEventReport: false }),
12275
12252
  React.createElement("div", { style: {
12276
- width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginRight) !== null && _f !== void 0 ? _f : 0}px)`,
12253
+ width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginInlineStart) !== null && _f !== void 0 ? _f : 0}px)`,
12277
12254
  display: 'flex',
12278
12255
  flexDirection: 'column',
12279
12256
  justifyContent: 'space-between'
@@ -12354,7 +12331,7 @@ const CommodityList = createMaterial(CommodityListComponent, {
12354
12331
  commodityPicture: {
12355
12332
  width: 100,
12356
12333
  height: 100,
12357
- marginRight: 10
12334
+ marginInlineStart: 10
12358
12335
  },
12359
12336
  commodityStyles: {
12360
12337
  price: {
@@ -12600,7 +12577,7 @@ var settingRender$8 = [
12600
12577
  type: 'Number',
12601
12578
  label: '与右侧边距',
12602
12579
  addonAfter: 'px',
12603
- name: ['props', 'ctaTempStyles', 'img', 'marginRight']
12580
+ name: ['props', 'ctaTempStyles', 'img', 'marginInlineStart']
12604
12581
  },
12605
12582
  {
12606
12583
  label: '居中垂直偏移',
@@ -12861,12 +12838,11 @@ const Commodity = createMaterial(CommodityComponent, {
12861
12838
  borderRadius: 3,
12862
12839
  width: 60,
12863
12840
  height: 60,
12864
- marginRight: 8
12841
+ marginInlineStart: 8
12865
12842
  },
12866
12843
  title: {
12867
12844
  fontSize: 12,
12868
- color: '#fff',
12869
- textAlign: 'left'
12845
+ color: '#fff'
12870
12846
  },
12871
12847
  ctaTitle: {
12872
12848
  fontSize: 10,
@@ -12944,12 +12920,11 @@ const Appoint = createMaterial(AppointComponent, {
12944
12920
  borderRadius: 3,
12945
12921
  width: 30,
12946
12922
  height: 30,
12947
- marginRight: 8
12923
+ marginInlineStart: 8
12948
12924
  },
12949
12925
  ctaTitle: {
12950
12926
  fontSize: 12,
12951
12927
  color: '#fff',
12952
- textAlign: 'left',
12953
12928
  width: 130,
12954
12929
  height: 20
12955
12930
  }
@@ -13085,6 +13060,27 @@ var linkSettingRender = [
13085
13060
  }
13086
13061
  ];
13087
13062
 
13063
+ /*
13064
+ * @Author: binruan@chatlabs.com
13065
+ * @Date: 2024-08-09 16:59:38
13066
+ * @LastEditors: binruan@chatlabs.com
13067
+ * @LastEditTime: 2024-09-09 13:59:50
13068
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
13069
+ *
13070
+ */
13071
+ var interactionRender$a = [
13072
+ {
13073
+ title: '点击事件',
13074
+ child: [
13075
+ {
13076
+ type: 'link',
13077
+ name: 'onClick',
13078
+ hiddenUrl: true
13079
+ }
13080
+ ]
13081
+ }
13082
+ ];
13083
+
13088
13084
  var styles$8 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU","one-line-ellipsis":"index-module_one-line-ellipsis__buFw1"};
13089
13085
 
13090
13086
  const Link$1 = (_a) => {
@@ -13112,27 +13108,6 @@ const Link$1 = (_a) => {
13112
13108
  };
13113
13109
  var LinkComponent = memo(Link$1);
13114
13110
 
13115
- /*
13116
- * @Author: binruan@chatlabs.com
13117
- * @Date: 2024-08-09 16:59:38
13118
- * @LastEditors: binruan@chatlabs.com
13119
- * @LastEditTime: 2024-09-09 13:59:50
13120
- * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
13121
- *
13122
- */
13123
- var interactionRender$a = [
13124
- {
13125
- title: '点击事件',
13126
- child: [
13127
- {
13128
- type: 'link',
13129
- name: 'onClick',
13130
- hiddenUrl: true
13131
- }
13132
- ]
13133
- }
13134
- ];
13135
-
13136
13111
  var _a;
13137
13112
  const Link = createMaterial(LinkComponent, {
13138
13113
  displayName: '普通CTA',
@@ -13151,19 +13126,17 @@ const Link = createMaterial(LinkComponent, {
13151
13126
  borderRadius: 3,
13152
13127
  width: 60,
13153
13128
  height: 60,
13154
- marginRight: 8
13129
+ marginInlineStart: 8
13155
13130
  },
13156
13131
  ctaTitle: {
13157
13132
  fontSize: 12,
13158
13133
  color: '#fff',
13159
- textAlign: 'left',
13160
13134
  width: 130,
13161
13135
  height: 20
13162
13136
  }
13163
13137
  },
13164
13138
  customTitle: {
13165
13139
  style: {
13166
- textAlign: 'left',
13167
13140
  textDecoration: 'underline',
13168
13141
  fontWeight: 'bold',
13169
13142
  width: 130,
@@ -13253,12 +13226,11 @@ const CommodityDiro = createMaterial(CommodityDiroComponent, {
13253
13226
  borderRadius: 3,
13254
13227
  width: 60,
13255
13228
  height: 60,
13256
- marginRight: 8
13229
+ marginInlineStart: 8
13257
13230
  },
13258
13231
  title: {
13259
13232
  fontSize: 12,
13260
- color: '#000',
13261
- textAlign: 'left'
13233
+ color: '#000'
13262
13234
  },
13263
13235
  ctaTitle: {
13264
13236
  fontSize: 10,
@@ -13349,19 +13321,17 @@ const CommodityDiroNew = createMaterial(CommodityDiroNewComponent, {
13349
13321
  borderRadius: 8,
13350
13322
  width: 78,
13351
13323
  height: 78,
13352
- marginRight: 16
13324
+ marginInlineStart: 16
13353
13325
  },
13354
13326
  title: {
13355
13327
  fontSize: 13,
13356
- color: '#000',
13357
- textAlign: 'left'
13328
+ color: '#000'
13358
13329
  },
13359
13330
  ctaTitle: {
13360
13331
  textDecoration: 'underline',
13361
13332
  fontSize: 14,
13362
13333
  fontWeight: 'bold',
13363
13334
  color: '#000',
13364
- textAlign: 'left',
13365
13335
  width: 150,
13366
13336
  height: 20
13367
13337
  }
@@ -13403,7 +13373,7 @@ const MultiCommodityDiro$1 = (_a) => {
13403
13373
  const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
13404
13374
  return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
13405
13375
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
13406
- return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
13376
+ return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
13407
13377
  React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
13408
13378
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
13409
13379
  React.createElement("div", { className: css({
@@ -13449,12 +13419,11 @@ const MultiCommodityDiro = createMaterial(MultiCommodityDiroComponent, {
13449
13419
  borderRadius: 3,
13450
13420
  width: 60,
13451
13421
  height: 60,
13452
- marginRight: 8
13422
+ marginInlineStart: 8
13453
13423
  },
13454
13424
  title: {
13455
13425
  fontSize: 12,
13456
- color: '#000',
13457
- textAlign: 'left'
13426
+ color: '#000'
13458
13427
  },
13459
13428
  ctaTitle: {
13460
13429
  fontSize: 10,
@@ -13502,7 +13471,7 @@ const MultiCommodity$1 = (_a) => {
13502
13471
  const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
13503
13472
  return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
13504
13473
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
13505
- return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
13474
+ return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
13506
13475
  React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
13507
13476
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
13508
13477
  React.createElement("div", { className: css({
@@ -13548,12 +13517,11 @@ const MultiCommodity = createMaterial(MultiCommodityComponent, {
13548
13517
  borderRadius: 3,
13549
13518
  width: 60,
13550
13519
  height: 60,
13551
- marginRight: 8
13520
+ marginInlineStart: 8
13552
13521
  },
13553
13522
  title: {
13554
13523
  fontSize: 12,
13555
13524
  color: '#fff',
13556
- textAlign: 'left'
13557
13525
  },
13558
13526
  ctaTitle: {
13559
13527
  fontSize: 10,
@@ -13609,7 +13577,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
13609
13577
  const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
13610
13578
  return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
13611
13579
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
13612
- return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
13580
+ return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
13613
13581
  React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
13614
13582
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
13615
13583
  React.createElement("div", { className: css({
@@ -13656,19 +13624,17 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
13656
13624
  borderRadius: 8,
13657
13625
  width: 78,
13658
13626
  height: 78,
13659
- marginRight: 16
13627
+ marginInlineStart: 16
13660
13628
  },
13661
13629
  title: {
13662
13630
  fontSize: 12,
13663
- color: '#000',
13664
- textAlign: 'left'
13631
+ color: '#000'
13665
13632
  },
13666
13633
  ctaTitle: {
13667
13634
  textDecoration: 'underline',
13668
13635
  fontSize: 12,
13669
13636
  fontWeight: 'bold',
13670
13637
  color: '#000',
13671
- textAlign: 'left',
13672
13638
  width: 150,
13673
13639
  height: 20
13674
13640
  }
@@ -13763,12 +13729,11 @@ const NineCommodity = createMaterial(NineCommodityComponent, {
13763
13729
  borderRadius: 3,
13764
13730
  width: 60,
13765
13731
  height: 60,
13766
- marginRight: 8
13732
+ marginInlineStart: 8
13767
13733
  },
13768
13734
  title: {
13769
13735
  fontSize: 12,
13770
- color: '#fff',
13771
- textAlign: 'left'
13736
+ color: '#fff'
13772
13737
  },
13773
13738
  ctaTitle: {
13774
13739
  fontSize: 10,
@@ -15857,7 +15822,7 @@ function WaterfallList(_a) {
15857
15822
  * @Author: binruan@chatlabs.com
15858
15823
  * @Date: 2024-01-10 10:58:24
15859
15824
  * @LastEditors: binruan@chatlabs.com
15860
- * @LastEditTime: 2025-05-09 15:30:41
15825
+ * @LastEditTime: 2025-02-28 10:00:31
15861
15826
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
15862
15827
  *
15863
15828
  */
@@ -15895,7 +15860,7 @@ const WaterFall = (props) => {
15895
15860
  }
15896
15861
  }, [waterFallData]);
15897
15862
  const reportTagsView = useCallback(() => {
15898
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
15863
+ var _a, _b, _c, _d, _e, _f;
15899
15864
  const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
15900
15865
  if (!rec)
15901
15866
  return;
@@ -15915,10 +15880,9 @@ const WaterFall = (props) => {
15915
15880
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
15916
15881
  eventInfo: {
15917
15882
  contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
15918
- 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 : '',
15919
15883
  position: cacheActiveIndex + '',
15920
- contentTags: JSON.stringify((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.tags),
15921
- traceInfo: (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.traceInfo,
15884
+ contentTags: JSON.stringify((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.tags),
15885
+ traceInfo: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo,
15922
15886
  hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
15923
15887
  fromKName,
15924
15888
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
@@ -16689,6 +16653,60 @@ var settingRender$4 = [
16689
16653
  }
16690
16654
  ];
16691
16655
 
16656
+ /*
16657
+ * @Author: binruan@chatlabs.com
16658
+ * @Date: 2024-07-24 14:58:40
16659
+ * @LastEditors: binruan@chatlabs.com
16660
+ * @LastEditTime: 2024-09-09 13:54:35
16661
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
16662
+ *
16663
+ */
16664
+ var interactionRender$2 = [
16665
+ {
16666
+ title: '点击事件',
16667
+ child: [
16668
+ {
16669
+ type: 'link',
16670
+ name: 'onClick',
16671
+ hiddenUrl: true
16672
+ }
16673
+ ]
16674
+ },
16675
+ {
16676
+ title: '动画效果',
16677
+ child: [
16678
+ {
16679
+ type: 'Select',
16680
+ name: ['animation', 'name'],
16681
+ label: '动画',
16682
+ options: [
16683
+ {
16684
+ label: '默认',
16685
+ value: 1
16686
+ }
16687
+ ],
16688
+ fieldProps: {
16689
+ style: {
16690
+ width: '100%'
16691
+ }
16692
+ }
16693
+ },
16694
+ {
16695
+ type: 'Number',
16696
+ label: '动画启动时间',
16697
+ name: ['animation', 'delay'],
16698
+ addonAfter: 'ms'
16699
+ },
16700
+ {
16701
+ type: 'Number',
16702
+ label: '动画持续时间',
16703
+ name: ['animation', 'duration'],
16704
+ addonAfter: 'ms'
16705
+ }
16706
+ ]
16707
+ }
16708
+ ];
16709
+
16692
16710
  var styles = {"aniLinkPopup":"index-module_aniLinkPopup__YT7kj","animated-fadeIn":"index-module_animated-fadeIn__8ZCbq","fadeIn":"index-module_fadeIn__2E-dk","animated-fadeOut":"index-module_animated-fadeOut__iK4oc","fadeOut":"index-module_fadeOut__MgevT","one-line-ellipsis":"index-module_one-line-ellipsis__NRiVV","two-line-ellipsis":"index-module_two-line-ellipsis__k-YGB","modal-icon-wrapper":"index-module_modal-icon-wrapper__tu3BY","modal-icon-wrapper-img":"index-module_modal-icon-wrapper-img__4b7qZ"};
16693
16711
 
16694
16712
  const closeIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
@@ -16761,60 +16779,6 @@ const AniLinkPopup$1 = (_a) => {
16761
16779
  };
16762
16780
  var AniLinkPopupComponent = memo(AniLinkPopup$1);
16763
16781
 
16764
- /*
16765
- * @Author: binruan@chatlabs.com
16766
- * @Date: 2024-07-24 14:58:40
16767
- * @LastEditors: binruan@chatlabs.com
16768
- * @LastEditTime: 2024-09-09 13:54:35
16769
- * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
16770
- *
16771
- */
16772
- var interactionRender$2 = [
16773
- {
16774
- title: '点击事件',
16775
- child: [
16776
- {
16777
- type: 'link',
16778
- name: 'onClick',
16779
- hiddenUrl: true
16780
- }
16781
- ]
16782
- },
16783
- {
16784
- title: '动画效果',
16785
- child: [
16786
- {
16787
- type: 'Select',
16788
- name: ['animation', 'name'],
16789
- label: '动画',
16790
- options: [
16791
- {
16792
- label: '默认',
16793
- value: 1
16794
- }
16795
- ],
16796
- fieldProps: {
16797
- style: {
16798
- width: '100%'
16799
- }
16800
- }
16801
- },
16802
- {
16803
- type: 'Number',
16804
- label: '动画启动时间',
16805
- name: ['animation', 'delay'],
16806
- addonAfter: 'ms'
16807
- },
16808
- {
16809
- type: 'Number',
16810
- label: '动画持续时间',
16811
- name: ['animation', 'duration'],
16812
- addonAfter: 'ms'
16813
- }
16814
- ]
16815
- }
16816
- ];
16817
-
16818
16782
  /*
16819
16783
  * @Author: binruan@chatlabs.com
16820
16784
  * @Date: 2024-07-24 14:58:40
@@ -16853,7 +16817,6 @@ const AniLinkPopup = createMaterial(AniLinkPopupComponent, {
16853
16817
  title: {
16854
16818
  fontSize: 14,
16855
16819
  color: '#000',
16856
- textAlign: 'left',
16857
16820
  lineHeight: 2.6
16858
16821
  },
16859
16822
  ctaTitle: {
@@ -17082,7 +17045,7 @@ const Display$1 = (_a) => {
17082
17045
  React.createElement("span", { style: content === null || content === void 0 ? void 0 : content.style, dangerouslySetInnerHTML: {
17083
17046
  __html: setFontForText((_b = content === null || content === void 0 ? void 0 : content.text) === null || _b === void 0 ? void 0 : _b.replace(/\n/g, '</br>'), content === null || content === void 0 ? void 0 : content.style)
17084
17047
  } }),
17085
- React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
17048
+ React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginInlineEnd: '5px' }), dangerouslySetInnerHTML: {
17086
17049
  __html: setFontForText((_c = interaction === null || interaction === void 0 ? void 0 : interaction.text) === null || _c === void 0 ? void 0 : _c.replace(/\n/g, '</br>'), interaction === null || interaction === void 0 ? void 0 : interaction.style)
17087
17050
  }, onClick: handleClick })),
17088
17051
  isShowClose && (React.createElement("button", { "aria-label": 'close', className: 'consentPopupDisplay-close', onClick: handleClickClose },
@@ -18000,22 +17963,21 @@ const LikeButton = (_a) => {
18000
17963
  const likeIcon = useIconLink(defaultLikeIconPath$2);
18001
17964
  const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
18002
17965
  const handleClick = debounce(() => __awaiter(void 0, void 0, void 0, function* () {
18003
- 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, _6, _7;
17966
+ var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
18004
17967
  if (state) {
18005
17968
  // 先设置状态
18006
17969
  setState(false);
18007
- const result = (_e = (yield (mutateUnlike === null || mutateUnlike === void 0 ? void 0 : mutateUnlike({ itemId: (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '' })))) !== null && _e !== void 0 ? _e : false;
17970
+ const result = (_e = (yield (mutateUnlike === null || mutateUnlike === void 0 ? void 0 : mutateUnlike({ videoItemId: (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '' })))) !== null && _e !== void 0 ? _e : false;
18008
17971
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18009
17972
  eventInfo: {
18010
17973
  eventSubject: 'favoriteContentCanceled',
18011
17974
  eventDescription: 'This content was unfavorite by the user',
18012
17975
  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 : '',
18013
- 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 : '',
18014
- 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 : '',
18015
- 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 : []),
17976
+ contentName: (_j = (_h = recData === null || recData === void 0 ? void 0 : recData.video) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : '',
17977
+ contentTags: JSON.stringify((_l = (_k = recData === null || recData === void 0 ? void 0 : recData.video) === null || _k === void 0 ? void 0 : _k.tags) !== null && _l !== void 0 ? _l : []),
18016
17978
  position: position + '',
18017
- contentFormat: ((_q = recData === null || recData === void 0 ? void 0 : recData.video) === null || _q === void 0 ? void 0 : _q.url) ? 'video' : 'image',
18018
- traceInfo: (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.traceInfo
17979
+ contentFormat: ((_m = recData === null || recData === void 0 ? void 0 : recData.video) === null || _m === void 0 ? void 0 : _m.url) ? 'video' : 'image',
17980
+ traceInfo: (_o = recData === null || recData === void 0 ? void 0 : recData.video) === null || _o === void 0 ? void 0 : _o.traceInfo
18019
17981
  }
18020
17982
  });
18021
17983
  // 如果接口调用失败，则回滚状态
@@ -18023,41 +17985,40 @@ const LikeButton = (_a) => {
18023
17985
  setState(true);
18024
17986
  }
18025
17987
  else {
18026
- const nRtcList = (_s = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
17988
+ const nRtcList = (_p = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18027
17989
  if (index === position) {
18028
17990
  item.isCollected = false;
18029
17991
  }
18030
17992
  return item;
18031
- })) !== null && _s !== void 0 ? _s : [];
17993
+ })) !== null && _p !== void 0 ? _p : [];
18032
17994
  setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
18033
17995
  }
18034
17996
  }
18035
17997
  else {
18036
17998
  setState(true);
18037
- const result = (_v = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData), itemId: (_u = (_t = recData === null || recData === void 0 ? void 0 : recData.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '' })))) !== null && _v !== void 0 ? _v : false;
17999
+ const result = (_q = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _q !== void 0 ? _q : false;
18038
18000
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18039
18001
  eventInfo: {
18040
18002
  eventSubject: 'favoriteContent',
18041
18003
  eventDescription: 'This content was favorite by the user',
18042
- contentId: (_x = (_w = recData === null || recData === void 0 ? void 0 : recData.video) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
18043
- sceneId: (_0 = (_z = (_y = recData === null || recData === void 0 ? void 0 : recData.video) === null || _y === void 0 ? void 0 : _y.scene) === null || _z === void 0 ? void 0 : _z.sceneId) !== null && _0 !== void 0 ? _0 : '',
18044
- contentName: (_2 = (_1 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _1 === void 0 ? void 0 : _1.title) !== null && _2 !== void 0 ? _2 : '',
18045
- contentTags: JSON.stringify((_4 = (_3 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _3 === void 0 ? void 0 : _3.tags) !== null && _4 !== void 0 ? _4 : []),
18004
+ contentId: (_s = (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.itemId) !== null && _s !== void 0 ? _s : '',
18005
+ contentName: (_u = (_t = recData === null || recData === void 0 ? void 0 : recData.video) === null || _t === void 0 ? void 0 : _t.title) !== null && _u !== void 0 ? _u : '',
18006
+ contentTags: JSON.stringify((_w = (_v = recData === null || recData === void 0 ? void 0 : recData.video) === null || _v === void 0 ? void 0 : _v.tags) !== null && _w !== void 0 ? _w : []),
18046
18007
  position: position + '',
18047
- contentFormat: ((_5 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _5 === void 0 ? void 0 : _5.url) ? 'video' : 'image',
18048
- traceInfo: (_6 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _6 === void 0 ? void 0 : _6.traceInfo
18008
+ contentFormat: ((_x = recData === null || recData === void 0 ? void 0 : recData.video) === null || _x === void 0 ? void 0 : _x.url) ? 'video' : 'image',
18009
+ traceInfo: (_y = recData === null || recData === void 0 ? void 0 : recData.video) === null || _y === void 0 ? void 0 : _y.traceInfo
18049
18010
  }
18050
18011
  });
18051
18012
  if (!result) {
18052
18013
  setState(false);
18053
18014
  }
18054
18015
  else {
18055
- const nRtcList = (_7 = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18016
+ const nRtcList = (_z = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18056
18017
  if (index === position) {
18057
18018
  item.isCollected = true;
18058
18019
  }
18059
18020
  return item;
18060
- })) !== null && _7 !== void 0 ? _7 : [];
18021
+ })) !== null && _z !== void 0 ? _z : [];
18061
18022
  setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
18062
18023
  }
18063
18024
  }
@@ -18094,7 +18055,7 @@ const mountVideoPlayerAtNode = (() => {
18094
18055
  const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex, videoPostConfig, videoPlayIcon, loopPlay, swiperRef }, ref) => {
18095
18056
  var _a, _b;
18096
18057
  const [isPauseVideo, setIsPauseVideo] = useState(false);
18097
- const { bffEventReport, sxpParameter, firstRtcList, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
18058
+ const { bffEventReport, sxpParameter, waterFallData, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
18098
18059
  const videoStartTime = useRef(0);
18099
18060
  const [isLoadFinish, setIsLoadFinish] = useState(false);
18100
18061
  const { isActive } = useSwiperSlide();
@@ -18160,23 +18121,6 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18160
18121
  return;
18161
18122
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
18162
18123
  }, [videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18163
- const handleEnd = () => {
18164
- var _a, _b, _c, _d, _e, _f;
18165
- if (!videoRef.current)
18166
- return;
18167
- if (isDiyH5) {
18168
- (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
18169
- if (!loopPlayRef.current)
18170
- return;
18171
- if (firstRtcList && index < (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) - 1) {
18172
- const i = (_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.activeIndex;
18173
- (_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(i + 1);
18174
- }
18175
- }
18176
- else {
18177
- (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.play();
18178
- }
18179
- };
18180
18124
  const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
18181
18125
  const handlePlaying = useCallback(() => {
18182
18126
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
@@ -18185,7 +18129,7 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18185
18129
  setIsLoadFinish(true);
18186
18130
  }, []);
18187
18131
  const handleStartPlay = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
18188
- var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
18132
+ var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
18189
18133
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
18190
18134
  return;
18191
18135
  setIsPauseVideo(false);
@@ -18196,11 +18140,16 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18196
18140
  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);
18197
18141
  const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
18198
18142
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18199
- 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) + '' }))
18143
+ 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 : '', contentName: (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '', playType, startTime: videoCurrentTime, videoDuration, contentTags: JSON.stringify((_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : []), position: index + '', contentFormat: 'video', traceInfo: (_q = item === null || item === void 0 ? void 0 : item.video) === null || _q === void 0 ? void 0 : _q.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) + '' }))
18200
18144
  });
18201
18145
  isFirstPlayRef.current = false;
18202
18146
  }
18203
18147
  }), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18148
+ const setCurrentTimeByStartTime = useCallback(() => {
18149
+ if (isDiyH5) {
18150
+ videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
18151
+ }
18152
+ }, []);
18204
18153
  const handLoadeddata = useCallback(() => {
18205
18154
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || firstFrameSrc || !blur)
18206
18155
  return;
@@ -18225,12 +18174,13 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18225
18174
  const handleLoadedmetadata = useCallback(() => {
18226
18175
  if (!videoRef.current)
18227
18176
  return;
18177
+ setCurrentTimeByStartTime();
18228
18178
  loadedTimeRef.current = new Date();
18229
18179
  handleStartPlay();
18230
18180
  handLoadeddata();
18231
18181
  }, [videoRef.current, handLoadeddata, handleStartPlay]);
18232
18182
  const handleClickVideo = useCallback((type) => () => {
18233
- var _a, _b, _c, _d, _e;
18183
+ var _a, _b, _c, _d, _e, _f;
18234
18184
  if (!videoRef.current)
18235
18185
  return;
18236
18186
  if (!isLoadFinish)
@@ -18251,17 +18201,20 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18251
18201
  break;
18252
18202
  default:
18253
18203
  if (isPause) {
18254
- (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.play();
18204
+ 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)) {
18205
+ videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
18206
+ }
18207
+ (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.play();
18255
18208
  }
18256
18209
  else {
18257
- (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.pause();
18210
+ (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.pause();
18258
18211
  }
18259
18212
  setIsPauseVideo(!isPause);
18260
18213
  break;
18261
18214
  }
18262
18215
  }, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18263
18216
  const handlePause = useCallback(() => {
18264
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
18217
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
18265
18218
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
18266
18219
  return;
18267
18220
  if (activeIndex !== index)
@@ -18277,15 +18230,14 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18277
18230
  eventSubject: 'playOverVideo',
18278
18231
  eventDescription: 'User finished playing the video',
18279
18232
  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 : '',
18280
- 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 : '',
18281
- 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 : '',
18233
+ contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
18282
18234
  endTime: videoCurrentTime,
18283
18235
  videoDuration,
18284
18236
  playDuration,
18285
- 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 : []),
18237
+ contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
18286
18238
  position: index + '',
18287
18239
  contentFormat: 'video',
18288
- traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
18240
+ traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
18289
18241
  }
18290
18242
  });
18291
18243
  }
@@ -18293,8 +18245,27 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18293
18245
  const handleWaiting = useCallback(() => {
18294
18246
  setWaiting(true);
18295
18247
  }, []);
18248
+ const handleTimeUpload = () => {
18249
+ if (!videoRef.current || !isDiyH5)
18250
+ return;
18251
+ setTimeout(() => {
18252
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
18253
+ 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)) {
18254
+ (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
18255
+ if (!loopPlayRef.current)
18256
+ return;
18257
+ if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
18258
+ (_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);
18259
+ }
18260
+ else {
18261
+ 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;
18262
+ (_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);
18263
+ }
18264
+ }
18265
+ });
18266
+ };
18296
18267
  useEffect(() => {
18297
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18268
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
18298
18269
  if (!isActive)
18299
18270
  return;
18300
18271
  const videoSrc = videoUrl;
@@ -18315,6 +18286,7 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18315
18286
  hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
18316
18287
  hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
18317
18288
  var _a;
18289
+ setCurrentTimeByStartTime();
18318
18290
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
18319
18291
  });
18320
18292
  }
@@ -18328,11 +18300,12 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18328
18300
  (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('play', handleStartPlay);
18329
18301
  (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.addEventListener('playing', handlePlaying);
18330
18302
  (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.addEventListener('pause', handlePause);
18331
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handleEnd);
18303
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handlePlay);
18332
18304
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
18333
18305
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
18306
+ (_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.addEventListener('timeupdate', handleTimeUpload);
18334
18307
  return () => {
18335
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18308
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
18336
18309
  const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
18337
18310
  if (!isPause)
18338
18311
  handlePause();
@@ -18344,9 +18317,10 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
18344
18317
  (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
18345
18318
  (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
18346
18319
  (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
18347
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handleEnd);
18320
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
18348
18321
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
18349
18322
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
18323
+ (_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.removeEventListener('timeupdate', handleTimeUpload);
18350
18324
  };
18351
18325
  }, [isActive]);
18352
18326
  useEffect(() => {
@@ -18557,45 +18531,19 @@ const Picture = (props) => {
18557
18531
  }, onLoad: onShowFirstImage }))));
18558
18532
  };
18559
18533
 
18560
- const PictureGroup$4 = forwardRef(({ imgUrls, data, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig, swiperRef }, ref) => {
18534
+ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig }) => {
18561
18535
  var _a, _b;
18562
18536
  const { isActive } = useSwiperSlide();
18563
- const { firstRtcList, openHashtag, isDiyH5 } = useSxpDataSource();
18537
+ const { sxpParameter, openHashtag } = useSxpDataSource();
18564
18538
  const [isLoad, setIsLoad] = useState(false);
18565
18539
  const [imgInfo, setImgInfo] = useState();
18566
18540
  const [swiperActiveIndex, setSwiperActiveIndex] = useState(0);
18567
- const imgsSwiperRef = useRef();
18541
+ const swiperRef = useRef();
18568
18542
  const isFirstPlayRef = useRef(true);
18569
- const loopPlayRef = useRef(true);
18570
18543
  const initTime = new Date();
18571
- useImperativeHandle(ref, () => {
18572
- return {
18573
- setLoopPlay(v) {
18574
- loopPlayRef.current = v;
18575
- }
18576
- };
18577
- });
18578
- useEffect(() => {
18579
- let timerId;
18580
- if (isLoad && isActive && isDiyH5) {
18581
- timerId = setTimeout(() => {
18582
- var _a, _b, _c, _d;
18583
- if (!loopPlayRef.current)
18584
- return;
18585
- if (firstRtcList && index < (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) - 1) {
18586
- const i = (_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.activeIndex;
18587
- (_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.slideTo(i + 1);
18588
- }
18589
- }, 3000);
18590
- }
18591
- return () => {
18592
- if (timerId)
18593
- clearTimeout(timerId);
18594
- };
18595
- }, [isLoad, isActive, isDiyH5, index, swiperRef, firstRtcList]);
18596
18544
  useEffect(() => {
18597
18545
  if (isLoad && isActive) {
18598
- (imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.start();
18546
+ (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.start();
18599
18547
  if (openHashtag) {
18600
18548
  onViewImageEndEvent(rec);
18601
18549
  }
@@ -18605,7 +18553,7 @@ const PictureGroup$4 = forwardRef(({ imgUrls, data, height, rec, index, onViewIm
18605
18553
  }
18606
18554
  }
18607
18555
  else {
18608
- (imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.stop();
18556
+ (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.stop();
18609
18557
  }
18610
18558
  }, [rec, isActive, onViewImageEndEvent, openHashtag, index, onViewImageStartEvent, isLoad, imgInfo]);
18611
18559
  const showFirstImageFn = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
@@ -18632,13 +18580,13 @@ const PictureGroup$4 = forwardRef(({ imgUrls, data, height, rec, index, onViewIm
18632
18580
  };
18633
18581
  }, [isActive, imgInfo]);
18634
18582
  const handleMouseEnter = useCallback(() => {
18635
- if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
18636
- imgsSwiperRef.current.swiper.autoplay.stop();
18583
+ if (swiperRef.current && swiperRef.current.swiper && isAlly) {
18584
+ swiperRef.current.swiper.autoplay.stop();
18637
18585
  }
18638
18586
  }, []);
18639
18587
  const handleMouseLeave = useCallback(() => {
18640
- if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
18641
- imgsSwiperRef.current.swiper.autoplay.start();
18588
+ if (swiperRef.current && swiperRef.current.swiper && isAlly) {
18589
+ swiperRef.current.swiper.autoplay.start();
18642
18590
  }
18643
18591
  }, []);
18644
18592
  const handleSlideChange = useCallback((swiper) => {
@@ -18659,7 +18607,7 @@ const PictureGroup$4 = forwardRef(({ imgUrls, data, height, rec, index, onViewIm
18659
18607
  enabled: true
18660
18608
  }
18661
18609
  }
18662
- : {}), { loop: true, ref: imgsSwiperRef, onSlideChange: handleSlideChange, className: css(Object.assign(Object.assign({ '.swiper-pagination': {
18610
+ : {}), { loop: true, ref: swiperRef, onSlideChange: handleSlideChange, className: css(Object.assign(Object.assign({ '.swiper-pagination': {
18663
18611
  bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0,
18664
18612
  fontSize: '14px'
18665
18613
  } }, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor) && {
@@ -18676,7 +18624,7 @@ const PictureGroup$4 = forwardRef(({ imgUrls, data, height, rec, index, onViewIm
18676
18624
  return (React.createElement(SwiperSlide, { key: srcKey, "aria-hidden": srcKey !== swiperActiveIndex },
18677
18625
  React.createElement(Picture, { src: !isLoad && srcKey > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
18678
18626
  }))));
18679
- });
18627
+ };
18680
18628
  var PictureGroup$5 = memo(PictureGroup$4);
18681
18629
 
18682
18630
  /*
@@ -18828,7 +18776,7 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive,
18828
18776
  const sbf = style.backdropFilter;
18829
18777
  style.backdropFilter = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
18830
18778
  }
18831
- return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
18779
+ return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginInlineEnd: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
18832
18780
  }
18833
18781
  else {
18834
18782
  return null;
@@ -18956,7 +18904,7 @@ var NavBack$1 = memo(NavBack);
18956
18904
  * @Author: binruan@chatlabs.com
18957
18905
  * @Date: 2024-03-20 10:27:31
18958
18906
  * @LastEditors: binruan@chatlabs.com
18959
- * @LastEditTime: 2025-05-12 14:26:15
18907
+ * @LastEditTime: 2025-05-09 15:51:40
18960
18908
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
18961
18909
  *
18962
18910
  */
@@ -18976,7 +18924,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
18976
18924
  const skipLinkRef = useRef(false);
18977
18925
  const [pageNum, setPageNum] = useState(2);
18978
18926
  const videoWidgetRef = useRef(null);
18979
- const pictureGroupRef = useRef(null);
18980
18927
  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();
18981
18928
  const { backMainFeed, productView, jumpToWeb } = useEventReport();
18982
18929
  const isShowFingerTip = useMemo(() => {
@@ -19024,7 +18971,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19024
18971
  (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
19025
18972
  }, [data, ctaType, swiperRef]);
19026
18973
  const handleSessionCompleted = useCallback((fk) => {
19027
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
18974
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
19028
18975
  const item = data === null || data === void 0 ? void 0 : data[activeIndex];
19029
18976
  let fromKName = '';
19030
18977
  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))) {
@@ -19051,13 +18998,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19051
18998
  eventSubject: 'sessionCompleted',
19052
18999
  eventDescription: 'Session completed',
19053
19000
  contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
19054
- 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 : '',
19055
- productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
19001
+ productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
19056
19002
  position: activeIndex + '',
19057
19003
  fromKName: fk || fromKName,
19058
19004
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
19059
- 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 : '',
19060
- 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 : ''
19005
+ ctatId: (_r = (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.bindCta) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
19006
+ traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : ''
19061
19007
  }
19062
19008
  });
19063
19009
  }, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
@@ -19116,9 +19062,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19116
19062
  refreshFeSession
19117
19063
  ]);
19118
19064
  const handleSessionExpire = useCallback(debounce(() => {
19119
- var _a, _b;
19065
+ var _a;
19120
19066
  (_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
19121
- (_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
19122
19067
  refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false, handleSessionCompleted);
19123
19068
  }, 1000), [handleSessionCompleted, refreshFeSession]);
19124
19069
  useEffect(() => {
@@ -19188,18 +19133,18 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19188
19133
  return null;
19189
19134
  }, [globalConfig, activeIndex, visList]);
19190
19135
  const renderContent = useCallback((rec, index) => {
19191
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
19136
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
19192
19137
  if (rec === 'organic menu') {
19193
19138
  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)));
19194
19139
  }
19195
- 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)) {
19140
+ if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.url) {
19196
19141
  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 })));
19197
19142
  }
19198
- if ((_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.imgUrls) {
19199
- 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 })));
19143
+ if ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.imgUrls) {
19144
+ 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 }));
19200
19145
  }
19201
- 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) {
19202
- return (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _m === void 0 ? void 0 : _m.map((value, idx) => {
19146
+ if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _j === void 0 ? void 0 : _j.length) > 0) {
19147
+ return (_k = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _k === void 0 ? void 0 : _k.map((value, idx) => {
19203
19148
  var _a, _b, _c, _d, _e, _f, _g, _h;
19204
19149
  const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
19205
19150
  const Component = withBindDataSource(t);
@@ -19237,7 +19182,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19237
19182
  };
19238
19183
  }, [isShowMore]);
19239
19184
  const renderBottom = useCallback((rec, index) => {
19240
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
19185
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
19241
19186
  if (rec === null || rec === void 0 ? void 0 : rec.video) {
19242
19187
  let cta = null;
19243
19188
  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) {
@@ -19246,27 +19191,24 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19246
19191
  else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
19247
19192
  cta = '商品CTA';
19248
19193
  }
19249
- 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)) {
19250
- cta = '服务CTA';
19251
- }
19252
19194
  else {
19253
- 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;
19195
+ cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
19254
19196
  }
19255
19197
  const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
19256
19198
  const isNineProduct = (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nineProductEnable) &&
19257
19199
  index === ((rtcList === null || rtcList === void 0 ? void 0 : rtcList[0]) === 'organic menu' ? 2 : 1) &&
19258
- ((_j = ['MultiCommodity', 'MultiCommodityDiro', 'MultiCommodityDiroNew']) === null || _j === void 0 ? void 0 : _j.includes((_k = value === null || value === void 0 ? void 0 : value.item) === null || _k === void 0 ? void 0 : _k.type));
19200
+ ((_f = ['MultiCommodity', 'MultiCommodityDiro', 'MultiCommodityDiroNew']) === null || _f === void 0 ? void 0 : _f.includes((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.type));
19259
19201
  return (React.createElement(React.Fragment, null,
19260
19202
  isNineProduct && (React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value, isNineProduct: isNineProduct })),
19261
- ((_l = rec === null || rec === void 0 ? void 0 : rec.video) === null || _l === void 0 ? void 0 : _l.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
19262
- React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _m !== void 0 ? _m : 40}px` } },
19203
+ ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
19204
+ React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _j !== void 0 ? _j : 40}px` } },
19263
19205
  React.createElement(Nudge, { nudge: nudge }),
19264
19206
  ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) && !isNineProduct ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
19265
19207
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
19266
19208
  React.createElement("div", null,
19267
- 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: (_p = (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.title) !== null && _p !== void 0 ? _p : '', 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 }),
19209
+ 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: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '', 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 }),
19268
19210
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
19269
- React.createElement(Hashtag$1, { index: activeIndex, tags: (_r = (_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.hashTags) !== null && _r !== void 0 ? _r : [], itemId: (_s = rec === null || rec === void 0 ? void 0 : rec.video) === null || _s === void 0 ? void 0 : _s.itemId, itemType: ((_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
19211
+ React.createElement(Hashtag$1, { index: activeIndex, tags: (_o = (_m = rec === null || rec === void 0 ? void 0 : rec.video) === null || _m === void 0 ? void 0 : _m.hashTags) !== null && _o !== void 0 ? _o : [], itemId: (_p = rec === null || rec === void 0 ? void 0 : rec.video) === null || _p === void 0 ? void 0 : _p.itemId, itemType: ((_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
19270
19212
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
19271
19213
  }
19272
19214
  return null;
@@ -19305,7 +19247,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19305
19247
  return null;
19306
19248
  }, [globalConfig, waterFallData]);
19307
19249
  const handleViewImageStartEnd = (item) => {
19308
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
19250
+ var _a, _b, _c, _d, _e, _f;
19309
19251
  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)) {
19310
19252
  const endTime = Date.now();
19311
19253
  const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
@@ -19314,11 +19256,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19314
19256
  eventSubject: 'viewImageCarouselEnd',
19315
19257
  eventDescription: 'User end view the image carousel',
19316
19258
  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 : '',
19317
- 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 : '',
19318
- contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
19259
+ contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
19319
19260
  imageEndTime: `${endTime}`,
19320
19261
  playDuration: `${duration}`,
19321
- contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
19262
+ contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
19322
19263
  position: activeIndex + '',
19323
19264
  contentFormat: 'image',
19324
19265
  traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
@@ -19327,7 +19268,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19327
19268
  }
19328
19269
  };
19329
19270
  const handleSlideSkip = (item, position) => {
19330
- 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;
19271
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
19331
19272
  if (isPreview || waterFallData)
19332
19273
  return;
19333
19274
  const t = new Date() - curTime.current;
@@ -19353,8 +19294,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19353
19294
  contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
19354
19295
  position: position + '',
19355
19296
  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 : '',
19356
- 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 : '',
19357
- 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 : '',
19297
+ traceInfo: (_x = (_v = (_u = item === null || item === void 0 ? void 0 : item.video) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : (_w = item === null || item === void 0 ? void 0 : item.product) === null || _w === void 0 ? void 0 : _w.traceInfo) !== null && _x !== void 0 ? _x : '',
19358
19298
  contentFormat
19359
19299
  }
19360
19300
  });
@@ -19364,7 +19304,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19364
19304
  }
19365
19305
  };
19366
19306
  const handleScrollEvent = (swiper) => {
19367
- 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;
19307
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
19368
19308
  const item = data[swiper.previousIndex];
19369
19309
  if (!item)
19370
19310
  return;
@@ -19381,12 +19321,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19381
19321
  eventSubject: 'scrollDown',
19382
19322
  eventDescription: 'User scroll down',
19383
19323
  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 : '',
19384
- 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 : '',
19385
- 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 : '',
19324
+ productId: (_g = (_f = item === null || item === void 0 ? void 0 : item.product) === null || _f === void 0 ? void 0 : _f.itemId) !== null && _g !== void 0 ? _g : '',
19386
19325
  requestId: null,
19387
- 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 : '',
19326
+ traceInfo: (_l = (_j = (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.traceInfo) !== null && _j !== void 0 ? _j : (_k = item === null || item === void 0 ? void 0 : item.product) === null || _k === void 0 ? void 0 : _k.traceInfo) !== null && _l !== void 0 ? _l : '',
19388
19327
  contentFormat,
19389
- position: ((_q = swiper.previousIndex) !== null && _q !== void 0 ? _q : 0) + ''
19328
+ position: ((_m = swiper.previousIndex) !== null && _m !== void 0 ? _m : 0) + ''
19390
19329
  }
19391
19330
  });
19392
19331
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19398,13 +19337,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19398
19337
  eventInfo: {
19399
19338
  eventSubject: 'scrollUp',
19400
19339
  eventDescription: 'User scroll up',
19401
- 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 : '',
19402
- 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 : '',
19403
- productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
19340
+ contentId: (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.itemId) !== null && _p !== void 0 ? _p : '',
19341
+ productId: (_r = (_q = item.product) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
19404
19342
  requestId: null,
19405
- 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 : '',
19343
+ traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : '',
19406
19344
  contentFormat,
19407
- position: ((_2 = swiper.previousIndex) !== null && _2 !== void 0 ? _2 : 0) + ''
19345
+ position: ((_w = swiper.previousIndex) !== null && _w !== void 0 ? _w : 0) + ''
19408
19346
  }
19409
19347
  });
19410
19348
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19430,7 +19368,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19430
19368
  }
19431
19369
  }, [openHashtag, data, activeIndex]);
19432
19370
  const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
19433
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
19371
+ var _a, _b, _c, _d, _e, _f, _g, _h;
19434
19372
  const item = data[activeIndex];
19435
19373
  // 如果是图片集则上报事件
19436
19374
  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)) {
@@ -19441,10 +19379,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19441
19379
  eventSubject: 'viewImageCarouselStart',
19442
19380
  eventDescription: 'User start view the image carousel',
19443
19381
  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 : '',
19444
- 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 : '',
19445
- contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
19382
+ contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
19446
19383
  imageStartTime: `${startTime}`,
19447
- contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
19384
+ contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
19448
19385
  position: activeIndex + '',
19449
19386
  contentFormat: 'image',
19450
19387
  traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
@@ -19454,11 +19391,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19454
19391
  if (enableCapi) {
19455
19392
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19456
19393
  eventName: 'ViewContent',
19457
- product: (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.bindProduct
19394
+ product: (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.bindProduct
19458
19395
  });
19459
19396
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19460
19397
  eventName: 'PageView',
19461
- product: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.bindProduct
19398
+ product: (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.bindProduct
19462
19399
  });
19463
19400
  }
19464
19401
  }
@@ -19550,20 +19487,15 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19550
19487
  swiperRef.current.swiper.allowTouchMove = true;
19551
19488
  }, 500);
19552
19489
  }, onActiveIndexChange: (swiper) => {
19553
- var _a, _b;
19554
19490
  setActiveIndex(swiper.activeIndex);
19555
19491
  if (openHashtag)
19556
19492
  return;
19557
19493
  // 处理上滑下滑事件
19558
19494
  handleScrollEvent(swiper);
19559
- if (waterFallData || isEditor)
19495
+ if (waterFallData || isEditor || isDiyH5)
19560
19496
  return;
19561
19497
  if ((swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex) + 1 >= (data === null || data === void 0 ? void 0 : data.length)) {
19562
19498
  if (!isLoadMore) {
19563
- if (isDiyH5) {
19564
- (_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
19565
- (_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
19566
- }
19567
19499
  setIsLoadMore(true);
19568
19500
  loadVideos === null || loadVideos === void 0 ? void 0 : loadVideos(pageNum).then((res) => {
19569
19501
  var _a;
@@ -19616,7 +19548,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19616
19548
  }, []);
19617
19549
  const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
19618
19550
  const handlePlaying = useCallback(() => {
19619
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
19551
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
19620
19552
  setIsPauseVideo(false);
19621
19553
  const item = data[index];
19622
19554
  if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
@@ -19629,15 +19561,14 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19629
19561
  eventSubject: 'playVideo',
19630
19562
  eventDescription: 'User played the video',
19631
19563
  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 : '',
19632
- 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 : '',
19633
- 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 : '',
19564
+ contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
19634
19565
  playType,
19635
19566
  startTime: videoCurrentTime,
19636
19567
  videoDuration,
19637
- 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 : []),
19568
+ contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
19638
19569
  position: index + '',
19639
19570
  contentFormat: 'video',
19640
- traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
19571
+ traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
19641
19572
  }
19642
19573
  });
19643
19574
  setIsFirstPlay(false);
@@ -19676,7 +19607,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19676
19607
  }
19677
19608
  }, [isLoadFinish]);
19678
19609
  const onPause = useCallback(() => {
19679
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
19610
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
19680
19611
  const item = data[index];
19681
19612
  const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
19682
19613
  const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
@@ -19687,15 +19618,14 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19687
19618
  eventSubject: 'playOverVideo',
19688
19619
  eventDescription: 'User finished playing the video',
19689
19620
  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 : '',
19690
- 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 : '',
19691
- 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 : '',
19621
+ contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
19692
19622
  endTime: videoCurrentTime,
19693
19623
  videoDuration,
19694
19624
  playDuration,
19695
- 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 : []),
19625
+ contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
19696
19626
  position: index + '',
19697
19627
  contentFormat: 'video',
19698
- traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
19628
+ traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
19699
19629
  }
19700
19630
  });
19701
19631
  }