pb-sxp-ui 1.3.0 → 1.3.1

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 (63) hide show
  1. package/dist/index.cjs +207 -78
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +207 -78
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +3 -3
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +3 -3
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +207 -78
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +3 -3
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/Modal/index.js +3 -2
  14. package/es/core/components/SxpPageRender/WaterFall/List.js +8 -4
  15. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +7 -3
  16. package/es/core/components/SxpPageRender/index.js +29 -21
  17. package/es/core/context/EditorContext.js +2 -0
  18. package/es/core/context/SxpDataSourceProvider.js +33 -10
  19. package/es/core/hooks/useEventReport.d.ts +1 -1
  20. package/es/core/hooks/useEventReport.js +2 -2
  21. package/es/materials/sxp/HashTag/settingRender.d.ts +6 -7
  22. package/es/materials/sxp/HashTag/settingRender.js +9 -0
  23. package/es/materials/sxp/cta/AniLink/settingRender.d.ts +5 -0
  24. package/es/materials/sxp/cta/AniLink/settingRender.js +4 -0
  25. package/es/materials/sxp/popup/AppointForm/settingRender.d.ts +8 -5
  26. package/es/materials/sxp/popup/AppointForm/settingRender.js +12 -0
  27. package/es/materials/sxp/popup/CommodityDetail/index.d.ts +3 -1
  28. package/es/materials/sxp/popup/CommodityDetail/index.js +21 -13
  29. package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts +13 -0
  30. package/es/materials/sxp/popup/CommodityDetail/settingRender.js +15 -0
  31. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +3 -1
  32. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +24 -16
  33. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +13 -0
  34. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +15 -0
  35. package/es/materials/sxp/popup/CommodityList/settingRender.js +4 -0
  36. package/es/materials/sxp/popup/Prompt/settingRender.js +10 -0
  37. package/es/materials/sxp/template/Link/settingRender.js +5 -0
  38. package/lib/core/components/SxpPageRender/Modal/index.js +3 -2
  39. package/lib/core/components/SxpPageRender/WaterFall/List.js +8 -4
  40. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +7 -3
  41. package/lib/core/components/SxpPageRender/index.js +28 -20
  42. package/lib/core/context/EditorContext.js +2 -0
  43. package/lib/core/context/SxpDataSourceProvider.js +33 -10
  44. package/lib/core/hooks/useEventReport.d.ts +1 -1
  45. package/lib/core/hooks/useEventReport.js +2 -2
  46. package/lib/materials/sxp/HashTag/settingRender.d.ts +6 -7
  47. package/lib/materials/sxp/HashTag/settingRender.js +9 -0
  48. package/lib/materials/sxp/cta/AniLink/settingRender.d.ts +5 -0
  49. package/lib/materials/sxp/cta/AniLink/settingRender.js +4 -0
  50. package/lib/materials/sxp/popup/AppointForm/settingRender.d.ts +8 -5
  51. package/lib/materials/sxp/popup/AppointForm/settingRender.js +12 -0
  52. package/lib/materials/sxp/popup/CommodityDetail/index.d.ts +3 -1
  53. package/lib/materials/sxp/popup/CommodityDetail/index.js +21 -13
  54. package/lib/materials/sxp/popup/CommodityDetail/settingRender.d.ts +13 -0
  55. package/lib/materials/sxp/popup/CommodityDetail/settingRender.js +15 -0
  56. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +3 -1
  57. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +24 -16
  58. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +13 -0
  59. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +15 -0
  60. package/lib/materials/sxp/popup/CommodityList/settingRender.js +4 -0
  61. package/lib/materials/sxp/popup/Prompt/settingRender.js +10 -0
  62. package/lib/materials/sxp/template/Link/settingRender.js +5 -0
  63. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -696,7 +696,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
696
696
  }, [bffDataSource]);
697
697
  // 获取推荐视频数据
698
698
  const getRecommendVideos = useCallback((query) => __awaiter(void 0, void 0, void 0, function* () {
699
- var _d, _e, _f, _g, _h;
699
+ var _d, _e, _f, _g, _h, _j, _k;
700
700
  query = Object.assign(Object.assign({ maxSize: (_d = query === null || query === void 0 ? void 0 : query.maxSize) !== null && _d !== void 0 ? _d : maxSize, defaultSize: (_e = query === null || query === void 0 ? void 0 : query.defaultSize) !== null && _e !== void 0 ? _e : defaultSize, hashTag: query === null || query === void 0 ? void 0 : query.hashTag, traceInfo: query === null || query === void 0 ? void 0 : query.traceInfo, themeTag: query === null || query === void 0 ? void 0 : query.themeTag }, ((query === null || query === void 0 ? void 0 : query.contentFilter) && { contentFilter: `[${query === null || query === void 0 ? void 0 : query.contentFilter}]` })), ((query === null || query === void 0 ? void 0 : query.productFilter) && { productFilter: `[${query === null || query === void 0 ? void 0 : query.productFilter}]` }));
701
701
  if (utmVal) {
702
702
  const val = (_h = (_g = (_f = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _f === void 0 ? void 0 : _f.filter((val) => {
@@ -707,7 +707,30 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
707
707
  query = Object.assign(Object.assign({}, query), { channel: decodeURIComponent(val) });
708
708
  }
709
709
  if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) || isEditor) {
710
- query = Object.assign(Object.assign(Object.assign({}, query), { directPage: true, level: 1, pageNum: 1 }), (!utmVal && channelQueryList && (channelQueryList === null || channelQueryList === void 0 ? void 0 : channelQueryList.length) > 0 && { channel: channelQueryList === null || channelQueryList === void 0 ? void 0 : channelQueryList.join('&') }));
710
+ query = Object.assign(Object.assign(Object.assign({}, query), { directPage: true, level: 1 }), (!utmVal && channelQueryList && (channelQueryList === null || channelQueryList === void 0 ? void 0 : channelQueryList.length) > 0 && { channel: channelQueryList === null || channelQueryList === void 0 ? void 0 : channelQueryList[0] }));
711
+ if (!(query === null || query === void 0 ? void 0 : query.channel))
712
+ return;
713
+ let list = [];
714
+ let result = null;
715
+ let pageNum = 1;
716
+ const recurveRecList = (query) => __awaiter(void 0, void 0, void 0, function* () {
717
+ var _l, _m, _o, _p;
718
+ query.pageNum = pageNum;
719
+ result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'GET', query }));
720
+ if (!(result === null || result === void 0 ? void 0 : result.success)) {
721
+ return undefined;
722
+ }
723
+ const rec = (_m = (_l = result === null || result === void 0 ? void 0 : result.data) === null || _l === void 0 ? void 0 : _l.recList) === null || _m === void 0 ? void 0 : _m[0];
724
+ list = list.concat((_p = (_o = result === null || result === void 0 ? void 0 : result.data) === null || _o === void 0 ? void 0 : _o.recList) !== null && _p !== void 0 ? _p : []);
725
+ if ((rec === null || rec === void 0 ? void 0 : rec.product) || (rec === null || rec === void 0 ? void 0 : rec.video)) {
726
+ pageNum = pageNum + 1;
727
+ yield recurveRecList(query);
728
+ }
729
+ });
730
+ yield recurveRecList(query);
731
+ if (!(query === null || query === void 0 ? void 0 : query.hashTag) && result)
732
+ setCurReqInfo({ rtc: (_j = result === null || result === void 0 ? void 0 : result.data) === null || _j === void 0 ? void 0 : _j.rtc, requestId: (_k = result === null || result === void 0 ? void 0 : result.data) === null || _k === void 0 ? void 0 : _k.requestId });
733
+ return Object.assign(Object.assign({}, result.data), { recList: list });
711
734
  }
712
735
  const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'GET', query }));
713
736
  if (!(result === null || result === void 0 ? void 0 : result.success)) {
@@ -718,12 +741,12 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
718
741
  return result === null || result === void 0 ? void 0 : result.data;
719
742
  }), [bffFetch, utmVal, maxSize, defaultSize, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview, channelQueryList, isEditor]);
720
743
  const loadVideos = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
721
- var _j, _k, _l, _m;
744
+ var _q, _r, _s, _t;
722
745
  if (rtcList.length <= 0) {
723
746
  return;
724
747
  }
725
748
  const lastItem = rtcList === null || rtcList === void 0 ? void 0 : rtcList[(rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) - 1];
726
- const data = yield getRecommendVideos(Object.assign(Object.assign(Object.assign({ hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag }, (((_j = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _j === void 0 ? void 0 : _j.itemId) && { productFilter: (_k = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _k === void 0 ? void 0 : _k.itemId })), (((_l = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _l === void 0 ? void 0 : _l.itemId) && { contentFilter: (_m = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _m === void 0 ? void 0 : _m.itemId })), { themeTag: themeTag.current }));
749
+ const data = yield getRecommendVideos(Object.assign(Object.assign(Object.assign({ hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag }, (((_q = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _q === void 0 ? void 0 : _q.itemId) && { productFilter: (_r = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _r === void 0 ? void 0 : _r.itemId })), (((_s = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _s === void 0 ? void 0 : _s.itemId) && { contentFilter: (_t = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _t === void 0 ? void 0 : _t.itemId })), { themeTag: themeTag.current }));
727
750
  setRtcList(rtcList.concat(getFilterRecList(data)));
728
751
  setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
729
752
  }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
@@ -792,17 +815,17 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
792
815
  }), [bffFetch]);
793
816
  // 获取 Tag
794
817
  const bffGetTagList = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
795
- var _o, _p, _q, _r, _s;
818
+ var _u, _v, _w, _x, _y;
796
819
  if (!utmVal || !isShowTag)
797
820
  return;
798
821
  try {
799
- const val = (_q = (_p = (_o = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _o === void 0 ? void 0 : _o.filter((val) => {
822
+ const val = (_w = (_v = (_u = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _u === void 0 ? void 0 : _u.filter((val) => {
800
823
  var _a, _b;
801
824
  const key = val.split('=')[0];
802
825
  return (_b = ((_a = utmParameter === null || utmParameter === void 0 ? void 0 : utmParameter.channels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.includes(key);
803
- })) === null || _p === void 0 ? void 0 : _p.join('&')) !== null && _q !== void 0 ? _q : '';
826
+ })) === null || _v === void 0 ? void 0 : _v.join('&')) !== null && _w !== void 0 ? _w : '';
804
827
  const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/tag/list', { method: 'GET', query: { channel: decodeURIComponent(val) } }));
805
- setTagList((_s = (_r = result === null || result === void 0 ? void 0 : result.data) === null || _r === void 0 ? void 0 : _r.tags) !== null && _s !== void 0 ? _s : []);
828
+ setTagList((_y = (_x = result === null || result === void 0 ? void 0 : result.data) === null || _x === void 0 ? void 0 : _x.tags) !== null && _y !== void 0 ? _y : []);
806
829
  }
807
830
  catch (e) {
808
831
  console.log('e', e);
@@ -879,7 +902,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
879
902
  });
880
903
  }, [isShowConsent]);
881
904
  useEffect(() => {
882
- if (!isInit.current)
905
+ if (!isInit.current && !isEditor)
883
906
  return;
884
907
  setLoading(true);
885
908
  bffGetTagList();
@@ -891,7 +914,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
891
914
  .finally(() => {
892
915
  setLoading(false);
893
916
  });
894
- }, [getRecommendVideos, bffGetTagList]);
917
+ }, [bffGetTagList, isEditor, getRecommendVideos]);
895
918
  const defaultLoadingImage = useIconLink('/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif', appDomain);
896
919
  return (React.createElement(SxpDataSourceContext.Provider, { value: {
897
920
  rtcList,
@@ -1094,6 +1117,7 @@ const EditorCore = forwardRef(({ children, resolver, isSsr, schema, enableDataSo
1094
1117
  });
1095
1118
  typeof window !== 'undefined' &&
1096
1119
  (window.getJointUtmLink = (url) => {
1120
+ setSlideSkipState();
1097
1121
  if ((url === null || url === void 0 ? void 0 : url.indexOf('?')) !== -1) {
1098
1122
  return url + (utmVal ? '&' + utmVal : '');
1099
1123
  }
@@ -1266,6 +1290,11 @@ var settingRender$a = [
1266
1290
  type: 'TextAlign',
1267
1291
  name: ['textStyle']
1268
1292
  },
1293
+ {
1294
+ label: '标题间距',
1295
+ type: 'TextSpace',
1296
+ name: ['textStyle']
1297
+ },
1269
1298
  {
1270
1299
  label: '表单布局',
1271
1300
  type: 'Radius',
@@ -1324,10 +1353,12 @@ var settingRender$a = [
1324
1353
  ]
1325
1354
  },
1326
1355
  {
1356
+ label: '提交按钮文本样式',
1327
1357
  type: 'TextStyle',
1328
1358
  name: ['props', 'submitButtonStyle']
1329
1359
  },
1330
1360
  {
1361
+ label: '提交按钮对齐',
1331
1362
  type: 'TextAlign',
1332
1363
  name: ['props', 'submitButtonStyle']
1333
1364
  },
@@ -1335,6 +1366,11 @@ var settingRender$a = [
1335
1366
  label: '提交按钮颜色',
1336
1367
  type: 'Color',
1337
1368
  name: ['props', 'submitBgColor']
1369
+ },
1370
+ {
1371
+ label: '提交按钮间距',
1372
+ type: 'TextSpace',
1373
+ name: ['props', 'submitButtonStyle']
1338
1374
  }
1339
1375
  // {
1340
1376
  // label: '接收内容接口地址',
@@ -1375,7 +1411,7 @@ var settingRender$a = [
1375
1411
  */
1376
1412
  function useEventReport() {
1377
1413
  const { bffEventReport, popupDetailData, waterFallData, isFromHashtag } = useSxpDataSource();
1378
- const jumpToWeb = useCallback((data, product, cta, position) => {
1414
+ const jumpToWeb = useCallback((data, product, cta, position, traceInfo) => {
1379
1415
  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;
1380
1416
  let fromKName = '';
1381
1417
  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))) {
@@ -1408,7 +1444,7 @@ function useEventReport() {
1408
1444
  position: position + '',
1409
1445
  contentId: (_v = (_u = data === null || data === void 0 ? void 0 : data.video) === null || _u === void 0 ? void 0 : _u.itemId) !== null && _v !== void 0 ? _v : '',
1410
1446
  ctatId: (_w = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _w !== void 0 ? _w : '',
1411
- traceInfo: (_9 = (_6 = (_4 = (_0 = (_x = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _x !== void 0 ? _x : (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.bindProduct) === null || _z === void 0 ? void 0 : _z.traceInfo) !== null && _0 !== void 0 ? _0 : (_3 = (_2 = (_1 = data === null || data === void 0 ? void 0 : data.video) === null || _1 === void 0 ? void 0 : _1.bindProducts) === null || _2 === void 0 ? void 0 : _2[0]) === null || _3 === void 0 ? void 0 : _3.traceInfo) !== null && _4 !== void 0 ? _4 : (_5 = data === null || data === void 0 ? void 0 : data.product) === null || _5 === void 0 ? void 0 : _5.traceInfo) !== null && _6 !== void 0 ? _6 : (_8 = (_7 = data === null || data === void 0 ? void 0 : data.video) === null || _7 === void 0 ? void 0 : _7.bindCta) === null || _8 === void 0 ? void 0 : _8.traceInfo) !== null && _9 !== void 0 ? _9 : ''
1447
+ traceInfo: (_9 = (_6 = (_4 = (_0 = (_x = traceInfo !== null && traceInfo !== void 0 ? traceInfo : product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _x !== void 0 ? _x : (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.bindProduct) === null || _z === void 0 ? void 0 : _z.traceInfo) !== null && _0 !== void 0 ? _0 : (_3 = (_2 = (_1 = data === null || data === void 0 ? void 0 : data.video) === null || _1 === void 0 ? void 0 : _1.bindProducts) === null || _2 === void 0 ? void 0 : _2[0]) === null || _3 === void 0 ? void 0 : _3.traceInfo) !== null && _4 !== void 0 ? _4 : (_5 = data === null || data === void 0 ? void 0 : data.product) === null || _5 === void 0 ? void 0 : _5.traceInfo) !== null && _6 !== void 0 ? _6 : (_8 = (_7 = data === null || data === void 0 ? void 0 : data.video) === null || _7 === void 0 ? void 0 : _7.bindCta) === null || _8 === void 0 ? void 0 : _8.traceInfo) !== null && _9 !== void 0 ? _9 : ''
1412
1448
  }
1413
1449
  });
1414
1450
  }, [bffEventReport, popupDetailData, isFromHashtag]);
@@ -1813,6 +1849,16 @@ var settingRender$9 = [
1813
1849
  label: '默认行数',
1814
1850
  type: 'Number',
1815
1851
  name: ['lineClamp']
1852
+ },
1853
+ {
1854
+ label: '间距',
1855
+ type: 'TextSpace'
1856
+ },
1857
+ {
1858
+ label: '价格千分符展示',
1859
+ type: 'Switch',
1860
+ name: ['enableFormattedPrice'],
1861
+ initialValue: true
1816
1862
  }
1817
1863
  ]
1818
1864
  }
@@ -1898,6 +1944,11 @@ var settingRender$9 = [
1898
1944
  {
1899
1945
  type: 'TextAlign',
1900
1946
  name: ['props', 'buttonStyle']
1947
+ },
1948
+ {
1949
+ label: '间距',
1950
+ type: 'TextSpace',
1951
+ name: ['props', 'buttonStyle']
1901
1952
  }
1902
1953
  ]
1903
1954
  },
@@ -8740,13 +8791,13 @@ SwiperSlide.displayName = 'SwiperSlide';
8740
8791
  * @Author: binruan@chatlabs.com
8741
8792
  * @Date: 2023-11-02 18:34:34
8742
8793
  * @LastEditors: binruan@chatlabs.com
8743
- * @LastEditTime: 2024-08-06 16:35:43
8794
+ * @LastEditTime: 2024-08-16 17:58:56
8744
8795
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
8745
8796
  *
8746
8797
  */
8747
8798
  const closeIcon$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
8748
8799
  const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema, fullHeight = window.innerHeight, isFullScreen = false }) => {
8749
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
8800
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
8750
8801
  const touchRef = useRef(null);
8751
8802
  const fTouchRef = useRef(null);
8752
8803
  const touchMoveRef = useRef(null);
@@ -8871,7 +8922,8 @@ const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema,
8871
8922
  React.createElement("div", { onClick: onClose, className: 'modal-icon-wrapper' },
8872
8923
  React.createElement("img", { src: (_t = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.popupCloseIcon) !== null && _t !== void 0 ? _t : closeIcon$1, alt: 'close', className: 'modal-icon' })),
8873
8924
  React.createElement("div", { ref: ref, style: {
8874
- height: isScrollFullScreen ? fullHeight : MODAL_DEF_CON_H,
8925
+ height: (isScrollFullScreen ? fullHeight : MODAL_DEF_CON_H) -
8926
+ ((_w = (_v = (_u = getPopupById === null || getPopupById === void 0 ? void 0 : getPopupById.item) === null || _u === void 0 ? void 0 : _u.props) === null || _v === void 0 ? void 0 : _v.popupBg) === null || _w === void 0 ? void 0 : _w.bottomMargin),
8875
8927
  overflow: (isScrollFullScreen && modalTrans <= 0) || !isScrollFullScreen ? 'auto' : 'hidden'
8876
8928
  } }, children)))))), modalEleRef.current);
8877
8929
  };
@@ -9039,7 +9091,7 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
9039
9091
  var CommodityGroup$1 = memo(CommodityGroup);
9040
9092
 
9041
9093
  const CommodityDetail$1 = (_a) => {
9042
- var _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;
9094
+ var _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;
9043
9095
  var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio } = _a, props = __rest(_a, ["content", "style", "bgImg", "onClick", "schema", "isDefault", "bottom_image", "tipText", "isPost", "viewTime", "rec", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio"]);
9044
9096
  const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
9045
9097
  const { jumpToWeb, productView } = useEventReport();
@@ -9047,6 +9099,7 @@ const CommodityDetail$1 = (_a) => {
9047
9099
  const [showModal, setShowModal] = useState(false);
9048
9100
  const [show3DModal, setShow3DModal] = useState(false);
9049
9101
  const [checkCommodityIndex, setCheckCommodityIndex] = useState((_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.multiCheckIndex) !== null && _b !== void 0 ? _b : 0);
9102
+ const ref = useRef();
9050
9103
  const data = isPost ? rec : popupDetailData;
9051
9104
  let product = isPost ? data === null || data === void 0 ? void 0 : data.product : (_d = (_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct) !== null && _d !== void 0 ? _d : (_f = (_e = data === null || data === void 0 ? void 0 : data.video) === null || _e === void 0 ? void 0 : _e.bindProducts) === null || _f === void 0 ? void 0 : _f[0];
9052
9105
  let cta = isPost
@@ -9086,17 +9139,20 @@ const CommodityDetail$1 = (_a) => {
9086
9139
  };
9087
9140
  }, []);
9088
9141
  const priceText = useMemo(() => {
9089
- var _a, _b, _c, _d, _e;
9142
+ var _a, _b, _c, _d, _e, _f, _g;
9143
+ const isToLocStr = ((_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
9090
9144
  if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
9091
- return `${(_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : ''}${(_e = (_d = product === null || product === void 0 ? void 0 : product.price) === null || _d === void 0 ? void 0 : _d.toLocaleString('zh', {
9092
- minimumFractionDigits: 0
9093
- })) !== null && _e !== void 0 ? _e : ''}`;
9145
+ return `${(_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.currency) === null || _c === void 0 ? void 0 : _c.split('-')[1]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) !== null && _e !== void 0 ? _e : ''}${isToLocStr
9146
+ ? (_g = (_f = product === null || product === void 0 ? void 0 : product.price) === null || _f === void 0 ? void 0 : _f.toLocaleString('zh', {
9147
+ minimumFractionDigits: 0
9148
+ })) !== null && _g !== void 0 ? _g : ''
9149
+ : product === null || product === void 0 ? void 0 : product.price}`;
9094
9150
  }
9095
9151
  else {
9096
9152
  return '$7,000';
9097
9153
  }
9098
- }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency]);
9099
- const width = (isPreview ? 375 : (_t = style === null || style === void 0 ? void 0 : style.width) !== null && _t !== void 0 ? _t : window.innerWidth) - ((_u = popupBg === null || popupBg === void 0 ? void 0 : popupBg.horizontalMargin) !== null && _u !== void 0 ? _u : 0) * 2;
9154
+ }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency, (_t = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _t === void 0 ? void 0 : _t.enableFormattedPrice]);
9155
+ const width = (isPreview ? 375 : (_u = style === null || style === void 0 ? void 0 : style.width) !== null && _u !== void 0 ? _u : window.innerWidth) - ((_v = popupBg === null || popupBg === void 0 ? void 0 : popupBg.horizontalMargin) !== null && _v !== void 0 ? _v : 0) * 2;
9100
9156
  const height = commodityImgRatio ? width * (commodityImgRatio.h / commodityImgRatio.w) : width;
9101
9157
  const renderContent = ({ isPost }) => {
9102
9158
  var _a, _b, _c, _d;
@@ -9137,6 +9193,10 @@ const CommodityDetail$1 = (_a) => {
9137
9193
  popupCurTimeRef.current = new Date();
9138
9194
  setCheckCommodityIndex(index);
9139
9195
  checkCommodityIndexRef.current = index;
9196
+ if (ref === null || ref === void 0 ? void 0 : ref.current) {
9197
+ ref.current.swiper.slideTo(0);
9198
+ ref.current.swiper.autoplay.start();
9199
+ }
9140
9200
  }, []);
9141
9201
  const renderCommodityGroup = useCallback(() => {
9142
9202
  var _a, _b, _c;
@@ -9152,18 +9212,18 @@ const CommodityDetail$1 = (_a) => {
9152
9212
  };
9153
9213
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
9154
9214
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
9155
- const iframeUrl = ((_w = (_v = data === null || data === void 0 ? void 0 : data.video) === null || _v === void 0 ? void 0 : _v.bindProduct) === null || _w === void 0 ? void 0 : _w.remark) || ((_z = (_y = (_x = data === null || data === void 0 ? void 0 : data.video) === null || _x === void 0 ? void 0 : _x.bindProducts) === null || _y === void 0 ? void 0 : _y[0]) === null || _z === void 0 ? void 0 : _z.remark) || ((_0 = data === null || data === void 0 ? void 0 : data.product) === null || _0 === void 0 ? void 0 : _0.remark);
9215
+ const iframeUrl = ((_x = (_w = data === null || data === void 0 ? void 0 : data.video) === null || _w === void 0 ? void 0 : _w.bindProduct) === null || _x === void 0 ? void 0 : _x.remark) || ((_0 = (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.bindProducts) === null || _z === void 0 ? void 0 : _z[0]) === null || _0 === void 0 ? void 0 : _0.remark) || ((_1 = data === null || data === void 0 ? void 0 : data.product) === null || _1 === void 0 ? void 0 : _1.remark);
9156
9216
  return (React.createElement(React.Fragment, null,
9157
9217
  React.createElement("div", Object.assign({ className: css(Object.assign({}, style)) }, props),
9158
9218
  React.createElement("div", { style: { position: 'relative' } },
9159
- product && ((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
9219
+ product && ((_2 = product === null || product === void 0 ? void 0 : product.homePage) === null || _2 === void 0 ? void 0 : _2.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
9160
9220
  clickable: true,
9161
9221
  bulletActiveClass: 'swipe-item-active-bullet',
9162
9222
  clickableClass: getDotsAlign
9163
9223
  }, loop: true, autoplay: {
9164
9224
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
9165
- } },
9166
- React.createElement(React.Fragment, null, (_2 = product === null || product === void 0 ? void 0 : product.homePage) === null || _2 === void 0 ? void 0 : _2.map((src) => {
9225
+ }, ref: ref },
9226
+ React.createElement(React.Fragment, null, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
9167
9227
  var _a;
9168
9228
  return (React.createElement(SwiperSlide, { key: src },
9169
9229
  React.createElement("div", { style: {
@@ -9179,7 +9239,7 @@ const CommodityDetail$1 = (_a) => {
9179
9239
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9180
9240
  }, src: (_a = src !== null && src !== void 0 ? src : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _a !== void 0 ? _a : bottom_image }))));
9181
9241
  })))),
9182
- !((_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.length) && (React.createElement("div", { className: css({
9242
+ !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css({
9183
9243
  height,
9184
9244
  width
9185
9245
  }) },
@@ -9187,7 +9247,7 @@ const CommodityDetail$1 = (_a) => {
9187
9247
  objectFit: 'cover',
9188
9248
  width: '100%',
9189
9249
  height: '100%'
9190
- }), src: (_4 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _4 !== void 0 ? _4 : bottom_image, alt: 'pdp image' }))),
9250
+ }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
9191
9251
  (iframeUrl && iframeIcon) ||
9192
9252
  (!product && iframeIcon && (React.createElement("div", { style: {
9193
9253
  padding: '5px 10px',
@@ -9333,7 +9393,7 @@ var interactionRender$c = [
9333
9393
  * @Author: binruan@chatlabs.com
9334
9394
  * @Date: 2023-10-27 14:06:35
9335
9395
  * @LastEditors: binruan@chatlabs.com
9336
- * @LastEditTime: 2024-08-06 16:15:08
9396
+ * @LastEditTime: 2024-08-20 14:01:21
9337
9397
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\Prompt\settingRender.tsx
9338
9398
  *
9339
9399
  */
@@ -9400,6 +9460,11 @@ var settingRender$8 = [
9400
9460
  }
9401
9461
  ]
9402
9462
  },
9463
+ {
9464
+ label: '内容字体间距',
9465
+ type: 'TextSpace',
9466
+ name: ['props', 'contentStyle']
9467
+ },
9403
9468
  {
9404
9469
  type: 'Group',
9405
9470
  label: '提交按钮字体',
@@ -9433,6 +9498,11 @@ var settingRender$8 = [
9433
9498
  }
9434
9499
  ]
9435
9500
  },
9501
+ {
9502
+ label: '提交按钮间距',
9503
+ type: 'TextSpace',
9504
+ name: ['props', 'submitButtonStyle']
9505
+ },
9436
9506
  {
9437
9507
  type: 'TextStyle',
9438
9508
  name: ['props', 'submitButtonStyle']
@@ -9543,7 +9613,7 @@ const Prompt = createMaterial(PromptComponent, {
9543
9613
  * @Author: binruan@chatlabs.com
9544
9614
  * @Date: 2024-03-26 16:50:25
9545
9615
  * @LastEditors: binruan@chatlabs.com
9546
- * @LastEditTime: 2024-08-08 18:34:06
9616
+ * @LastEditTime: 2024-08-20 15:50:06
9547
9617
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
9548
9618
  *
9549
9619
  */
@@ -9740,6 +9810,16 @@ var settingRender$7 = [
9740
9810
  label: '默认行数',
9741
9811
  type: 'Number',
9742
9812
  name: ['lineClamp']
9813
+ },
9814
+ {
9815
+ label: '间距',
9816
+ type: 'TextSpace'
9817
+ },
9818
+ {
9819
+ label: '价格千分符展示',
9820
+ type: 'Switch',
9821
+ name: ['enableFormattedPrice'],
9822
+ initialValue: true
9743
9823
  }
9744
9824
  ]
9745
9825
  }
@@ -9825,6 +9905,11 @@ var settingRender$7 = [
9825
9905
  {
9826
9906
  type: 'TextAlign',
9827
9907
  name: ['props', 'buttonStyle']
9908
+ },
9909
+ {
9910
+ label: '间距',
9911
+ type: 'TextSpace',
9912
+ name: ['props', 'buttonStyle']
9828
9913
  }
9829
9914
  ]
9830
9915
  },
@@ -9842,7 +9927,7 @@ var settingRender$7 = [
9842
9927
  ];
9843
9928
 
9844
9929
  const CommodityDetailDiroNew$1 = (_a) => {
9845
- var _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;
9930
+ var _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;
9846
9931
  var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio } = _a, props = __rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio"]);
9847
9932
  useState(true);
9848
9933
  const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
@@ -9854,6 +9939,7 @@ const CommodityDetailDiroNew$1 = (_a) => {
9854
9939
  const curTimeRef = useRef(null);
9855
9940
  const [show3DModal, setShow3DModal] = useState(false);
9856
9941
  const [checkCommodityIndex, setCheckCommodityIndex] = useState((_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.multiCheckIndex) !== null && _b !== void 0 ? _b : 0);
9942
+ const ref = useRef();
9857
9943
  const data = isPost ? rec : popupDetailData;
9858
9944
  let product = isPost ? data === null || data === void 0 ? void 0 : data.product : (_d = (_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct) !== null && _d !== void 0 ? _d : (_f = (_e = data === null || data === void 0 ? void 0 : data.video) === null || _e === void 0 ? void 0 : _e.bindProducts) === null || _f === void 0 ? void 0 : _f[0];
9859
9945
  let cta = isPost
@@ -9893,17 +9979,20 @@ const CommodityDetailDiroNew$1 = (_a) => {
9893
9979
  };
9894
9980
  }, []);
9895
9981
  const priceText = useMemo(() => {
9896
- var _a, _b, _c, _d, _e;
9982
+ var _a, _b, _c, _d, _e, _f, _g;
9983
+ const isToLocStr = ((_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
9897
9984
  if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
9898
- return `${(_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : ''}${(_e = (_d = product === null || product === void 0 ? void 0 : product.price) === null || _d === void 0 ? void 0 : _d.toLocaleString('zh', {
9899
- minimumFractionDigits: 0
9900
- })) !== null && _e !== void 0 ? _e : ''}`;
9985
+ return `${(_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.currency) === null || _c === void 0 ? void 0 : _c.split('-')[1]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) !== null && _e !== void 0 ? _e : ''}${isToLocStr
9986
+ ? (_g = (_f = product === null || product === void 0 ? void 0 : product.price) === null || _f === void 0 ? void 0 : _f.toLocaleString('zh', {
9987
+ minimumFractionDigits: 0
9988
+ })) !== null && _g !== void 0 ? _g : ''
9989
+ : product === null || product === void 0 ? void 0 : product.price}`;
9901
9990
  }
9902
9991
  else {
9903
9992
  return '£102,300.00';
9904
9993
  }
9905
- }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency]);
9906
- const width = (isPreview ? 375 : (_t = style === null || style === void 0 ? void 0 : style.width) !== null && _t !== void 0 ? _t : window.innerWidth) - ((_u = popupBg === null || popupBg === void 0 ? void 0 : popupBg.horizontalMargin) !== null && _u !== void 0 ? _u : 0) * 2;
9994
+ }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency, (_t = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _t === void 0 ? void 0 : _t.enableFormattedPrice]);
9995
+ const width = (isPreview ? 375 : (_u = style === null || style === void 0 ? void 0 : style.width) !== null && _u !== void 0 ? _u : window.innerWidth) - ((_v = popupBg === null || popupBg === void 0 ? void 0 : popupBg.horizontalMargin) !== null && _v !== void 0 ? _v : 0) * 2;
9907
9996
  const height = commodityImgRatio ? width * (commodityImgRatio.h / commodityImgRatio.w) : width;
9908
9997
  // useEffect(() => {
9909
9998
  // console.log(scrollRef?.current?.scrollHeight, window.innerHeight);
@@ -9971,6 +10060,10 @@ Made in Italy` })));
9971
10060
  popupCurTimeRef.current = new Date();
9972
10061
  setCheckCommodityIndex(index);
9973
10062
  checkCommodityIndexRef.current = index;
10063
+ if (ref === null || ref === void 0 ? void 0 : ref.current) {
10064
+ ref.current.swiper.slideTo(0);
10065
+ ref.current.swiper.autoplay.start();
10066
+ }
9974
10067
  }, []);
9975
10068
  const renderCommodityGroup = useCallback(() => {
9976
10069
  var _a, _b, _c;
@@ -9986,17 +10079,17 @@ Made in Italy` })));
9986
10079
  };
9987
10080
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
9988
10081
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
9989
- const iframeUrl = ((_w = (_v = data === null || data === void 0 ? void 0 : data.video) === null || _v === void 0 ? void 0 : _v.bindProduct) === null || _w === void 0 ? void 0 : _w.remark) || ((_z = (_y = (_x = data === null || data === void 0 ? void 0 : data.video) === null || _x === void 0 ? void 0 : _x.bindProducts) === null || _y === void 0 ? void 0 : _y[0]) === null || _z === void 0 ? void 0 : _z.remark) || ((_0 = data === null || data === void 0 ? void 0 : data.product) === null || _0 === void 0 ? void 0 : _0.remark);
10082
+ const iframeUrl = ((_x = (_w = data === null || data === void 0 ? void 0 : data.video) === null || _w === void 0 ? void 0 : _w.bindProduct) === null || _x === void 0 ? void 0 : _x.remark) || ((_0 = (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.bindProducts) === null || _z === void 0 ? void 0 : _z[0]) === null || _0 === void 0 ? void 0 : _0.remark) || ((_1 = data === null || data === void 0 ? void 0 : data.product) === null || _1 === void 0 ? void 0 : _1.remark);
9990
10083
  return (React.createElement("div", { className: 'pb-commondityDiroNew' },
9991
10084
  React.createElement("div", Object.assign({ className: css(Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' })) }, props),
9992
10085
  React.createElement("div", { style: { position: 'relative' } },
9993
- product && ((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
10086
+ product && ((_2 = product === null || product === void 0 ? void 0 : product.homePage) === null || _2 === void 0 ? void 0 : _2.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
9994
10087
  clickable: true,
9995
10088
  bulletActiveClass: 'commondityDiroNew-swipe-item-active-bullet',
9996
10089
  clickableClass: getDotsAlign
9997
10090
  }, loop: true, autoplay: {
9998
10091
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
9999
- } }, (_2 = product === null || product === void 0 ? void 0 : product.homePage) === null || _2 === void 0 ? void 0 : _2.map((src) => {
10092
+ }, ref: ref }, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
10000
10093
  var _a;
10001
10094
  return (React.createElement(SwiperSlide, { key: src },
10002
10095
  React.createElement("div", { style: {
@@ -10012,7 +10105,7 @@ Made in Italy` })));
10012
10105
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
10013
10106
  }, src: (_a = src !== null && src !== void 0 ? src : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _a !== void 0 ? _a : bottom_image }))));
10014
10107
  }))),
10015
- !((_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.length) && (React.createElement("div", { className: css({
10108
+ !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css({
10016
10109
  height,
10017
10110
  width
10018
10111
  }) },
@@ -10020,7 +10113,7 @@ Made in Italy` })));
10020
10113
  objectFit: 'cover',
10021
10114
  width: '100%',
10022
10115
  height: '100%'
10023
- }), src: (_4 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _4 !== void 0 ? _4 : bottom_image, alt: 'pdp image' }))),
10116
+ }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
10024
10117
  (iframeUrl && iframeIcon) ||
10025
10118
  (!product && iframeIcon && (React.createElement("div", { style: {
10026
10119
  padding: '5px 10px',
@@ -10040,7 +10133,7 @@ Made in Italy` })));
10040
10133
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
10041
10134
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
10042
10135
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title), dangerouslySetInnerHTML: {
10043
- __html: setFontForText((_5 = product === null || product === void 0 ? void 0 : product.title) !== null && _5 !== void 0 ? _5 : 'Large Dior Toujours BagLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title)
10136
+ __html: setFontForText((_6 = product === null || product === void 0 ? void 0 : product.title) !== null && _6 !== void 0 ? _6 : 'Large Dior Toujours BagLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title)
10044
10137
  } }),
10045
10138
  React.createElement("div", { className: 'pb-commondityDiroNew-content-collection', hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === ''), style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection), dangerouslySetInnerHTML: {
10046
10139
  __html: setFontForText((product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage CalfskinLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection)
@@ -10050,11 +10143,11 @@ Made in Italy` })));
10050
10143
  __html: setFontForText(priceText, commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
10051
10144
  } }),
10052
10145
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.taxInfo), style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo), dangerouslySetInnerHTML: {
10053
- __html: setFontForText((_6 = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _6 !== void 0 ? _6 : '税费', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo)
10146
+ __html: setFontForText((_7 = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _7 !== void 0 ? _7 : '税费', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo)
10054
10147
  } }))),
10055
- (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_7 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _7 !== void 0 ? _7 : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle },
10148
+ (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_8 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _8 !== void 0 ? _8 : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle },
10056
10149
  React.createElement("span", { dangerouslySetInnerHTML: {
10057
- __html: setFontForText((_8 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _8 !== void 0 ? _8 : 'Shop now', buttonStyle)
10150
+ __html: setFontForText((_9 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _9 !== void 0 ? _9 : 'Shop now', buttonStyle)
10058
10151
  } }))),
10059
10152
  productInfoText({ isPost }))),
10060
10153
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
@@ -10172,7 +10265,7 @@ const CommodityDetailDiroNew = createMaterial(CommodityDetailDiroNewComponent, {
10172
10265
  * @Author: binruan@chatlabs.com
10173
10266
  * @Date: 2024-03-26 16:50:25
10174
10267
  * @LastEditors: binruan@chatlabs.com
10175
- * @LastEditTime: 2024-07-09 10:37:45
10268
+ * @LastEditTime: 2024-08-06 14:09:52
10176
10269
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityList\settingRender.tsx
10177
10270
  *
10178
10271
  */
@@ -10309,6 +10402,10 @@ var settingRender$6 = [
10309
10402
  {
10310
10403
  label: '标题对齐',
10311
10404
  type: 'TextAlign'
10405
+ },
10406
+ {
10407
+ label: '间距',
10408
+ type: 'TextSpace'
10312
10409
  }
10313
10410
  ]
10314
10411
  }
@@ -11134,7 +11231,7 @@ const Appoint = createMaterial(AppointComponent, {
11134
11231
  * @Author: binruan@chatlabs.com
11135
11232
  * @Date: 2024-07-02 14:51:32
11136
11233
  * @LastEditors: binruan@chatlabs.com
11137
- * @LastEditTime: 2024-07-02 16:44:34
11234
+ * @LastEditTime: 2024-08-06 14:51:18
11138
11235
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\settingRender.tsx
11139
11236
  *
11140
11237
  */
@@ -11231,6 +11328,11 @@ var linkSettingRender = [
11231
11328
  type: 'TextAlign',
11232
11329
  name: ['props', 'customTitle', 'style']
11233
11330
  },
11331
+ {
11332
+ label: '间距',
11333
+ type: 'TextSpace',
11334
+ name: ['props', 'customTitle', 'style']
11335
+ },
11234
11336
  {
11235
11337
  label: '上边距',
11236
11338
  type: 'Number',
@@ -11888,7 +11990,7 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
11888
11990
  * @Author: binruan@chatlabs.com
11889
11991
  * @Date: 2024-04-07 14:07:12
11890
11992
  * @LastEditors: binruan@chatlabs.com
11891
- * @LastEditTime: 2024-06-27 09:49:19
11993
+ * @LastEditTime: 2024-08-06 14:00:36
11892
11994
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\settingRender.tsx
11893
11995
  *
11894
11996
  */
@@ -11993,6 +12095,10 @@ var settingRender$3 = [
11993
12095
  {
11994
12096
  label: '标题对齐',
11995
12097
  type: 'TextAlign'
12098
+ },
12099
+ {
12100
+ label: '间距',
12101
+ type: 'TextSpace'
11996
12102
  }
11997
12103
  ]
11998
12104
  }
@@ -12078,6 +12184,11 @@ var settingRender$3 = [
12078
12184
  {
12079
12185
  type: 'TextAlign',
12080
12186
  name: ['props', 'buttonStyle']
12187
+ },
12188
+ {
12189
+ label: '间距',
12190
+ type: 'TextSpace',
12191
+ name: ['props', 'buttonStyle']
12081
12192
  }
12082
12193
  ]
12083
12194
  },
@@ -13517,7 +13628,8 @@ const WaterfallFlowItem$1 = (props) => {
13517
13628
  function WaterfallList$1(_a) {
13518
13629
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
13519
13630
  var { reportTagsView, showBanner } = _a, props = __rest(_a, ["reportTagsView", "showBanner"]);
13520
- const { waterFallData, getRecommendVideos, hashTagSize, loadingImage, isOpenHashTag } = useSxpDataSource();
13631
+ const { waterFallData, getRecommendVideos, hashTagSize, loadingImage, isOpenHashTag, cacheActiveIndex } = useSxpDataSource();
13632
+ const { jumpToWeb } = useEventReport();
13521
13633
  /** 滚动的父元素 */
13522
13634
  const scrollParent = useRef(null);
13523
13635
  /** 向上滚动的距离 */
@@ -13701,10 +13813,12 @@ function WaterfallList$1(_a) {
13701
13813
  };
13702
13814
  }, [onScroll, scrollParent]);
13703
13815
  const handleClickLink = () => {
13704
- var _a, _b;
13816
+ var _a, _b, _c, _d, _e;
13705
13817
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
13706
13818
  reportTagsView();
13707
- window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
13819
+ const rec = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.rec;
13820
+ jumpToWeb(rec, (_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.bindProduct, (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindCta, cacheActiveIndex, (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.traceInfo);
13821
+ window.location.href = window.getJointUtmLink((_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.link);
13708
13822
  }
13709
13823
  };
13710
13824
  return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
@@ -13747,7 +13861,7 @@ var img$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeA
13747
13861
 
13748
13862
  const WaterfallFlowItem = (props) => {
13749
13863
  const { rec, index, list, reportTagsView, textStyles, space } = props;
13750
- const { swiperRef, setRtcList, setOpenHashtag, bffEventReport, sxpParameter } = useSxpDataSource();
13864
+ const { swiperRef, setRtcList, setOpenHashtag, sxpParameter } = useSxpDataSource();
13751
13865
  const [showVideo, setShowVideo] = useState(false);
13752
13866
  const imgDom = useRef(null);
13753
13867
  const ref = useRef(null);
@@ -13875,7 +13989,8 @@ const WaterfallFlowItem = (props) => {
13875
13989
  function WaterfallList(_a) {
13876
13990
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
13877
13991
  var { reportTagsView, showBanner } = _a, props = __rest(_a, ["reportTagsView", "showBanner"]);
13878
- const { waterFallData, getRecommendVideos, hashTagSize, loadingImage, isOpenHashTag } = useSxpDataSource();
13992
+ const { waterFallData, getRecommendVideos, hashTagSize, loadingImage, isOpenHashTag, cacheActiveIndex } = useSxpDataSource();
13993
+ const { jumpToWeb } = useEventReport();
13879
13994
  const [list, setList] = useState();
13880
13995
  const [data, setData] = useState();
13881
13996
  const [isLoadingData, setIsLoadingData] = useState(false);
@@ -13927,10 +14042,12 @@ function WaterfallList(_a) {
13927
14042
  // };
13928
14043
  // }, [isLoadingData, containerRef, loadMoreData]);
13929
14044
  const handleClickLink = () => {
13930
- var _a, _b;
14045
+ var _a, _b, _c, _d, _e;
13931
14046
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
13932
14047
  reportTagsView();
13933
- window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
14048
+ const rec = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.rec;
14049
+ jumpToWeb(rec, (_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.bindProduct, (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindCta, cacheActiveIndex, (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.traceInfo);
14050
+ window.location.href = window.getJointUtmLink((_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.link);
13934
14051
  }
13935
14052
  };
13936
14053
  return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
@@ -14233,7 +14350,7 @@ const Consent = createMaterial(ConsentComponent, {
14233
14350
  * @Author: binruan@chatlabs.com
14234
14351
  * @Date: 2024-07-02 14:51:32
14235
14352
  * @LastEditors: binruan@chatlabs.com
14236
- * @LastEditTime: 2024-07-05 19:09:41
14353
+ * @LastEditTime: 2024-08-06 14:28:34
14237
14354
  * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\settingRender.tsx
14238
14355
  *
14239
14356
  */
@@ -14336,6 +14453,10 @@ var settingRender$1 = [
14336
14453
  label: '对齐',
14337
14454
  type: 'TextAlign',
14338
14455
  name: ['props', 'ctaTempStyles', 'ctaTitle']
14456
+ },
14457
+ {
14458
+ type: 'TextSpace',
14459
+ name: ['props', 'ctaTempStyles', 'ctaTitle']
14339
14460
  }
14340
14461
  ]
14341
14462
  }
@@ -15841,7 +15962,7 @@ var Tagbar$1 = memo(Tagbar);
15841
15962
  * @Author: binruan@chatlabs.com
15842
15963
  * @Date: 2024-01-15 19:03:09
15843
15964
  * @LastEditors: binruan@chatlabs.com
15844
- * @LastEditTime: 2024-08-14 19:09:32
15965
+ * @LastEditTime: 2024-08-16 11:47:58
15845
15966
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
15846
15967
  *
15847
15968
  */
@@ -15859,8 +15980,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
15859
15980
  const [isReload, setIsReload] = useState(new Date().getTime());
15860
15981
  const skipLinkRef = useRef(false);
15861
15982
  const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview } = useSxpDataSource();
15862
- const { backMainFeed } = useEventReport();
15863
- const { productView } = useEventReport();
15983
+ const { backMainFeed, productView, jumpToWeb } = useEventReport();
15864
15984
  const isShowFingerTip = useMemo(() => {
15865
15985
  return data.length > 0 && !loading && (getFeUserId() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
15866
15986
  }, [data, loading, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip]);
@@ -16003,15 +16123,39 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16003
16123
  const height = useMemo(() => {
16004
16124
  return containerHeight - minusHeight - tagHeight;
16005
16125
  }, [globalConfig, containerHeight, tagHeight]);
16126
+ const visList = useMemo(() => {
16127
+ var _a;
16128
+ const list = activeIndex === 0 && !waterFallData
16129
+ ? [(_a = data === null || data === void 0 ? void 0 : data[0]) !== null && _a !== void 0 ? _a : null]
16130
+ : data === null || data === void 0 ? void 0 : data.map((item, index) => {
16131
+ if (activeIndex === index || index - 1 === activeIndex || index + 1 === activeIndex) {
16132
+ return item;
16133
+ }
16134
+ else {
16135
+ return null;
16136
+ }
16137
+ });
16138
+ return !waterFallData ? list.concat([{ loading: true }]) : list;
16139
+ }, [data, activeIndex, waterFallData]);
16006
16140
  const renderLogo = useMemo(() => {
16007
- var _a, _b;
16141
+ var _a, _b, _c, _d;
16008
16142
  if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo)) {
16009
16143
  const link = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoBar) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.value;
16010
- return (React.createElement("div", Object.assign({ className: 'clc-sxp-logo-banner', style: { backgroundColor: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.color } }, (link && { onClick: () => new Function(link)() })),
16144
+ const isExternalLink = ((_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoBar) === null || _c === void 0 ? void 0 : _c.onClick) === null || _d === void 0 ? void 0 : _d.linkType) === 'externalLink';
16145
+ const rec = visList[activeIndex];
16146
+ return (React.createElement("div", Object.assign({ className: 'clc-sxp-logo-banner', style: { backgroundColor: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.color } }, (link && {
16147
+ onClick: () => {
16148
+ var _a, _b, _c, _d;
16149
+ if (isExternalLink) {
16150
+ jumpToWeb(rec, (_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.bindCta, activeIndex, ((_c = rec === null || rec === void 0 ? void 0 : rec.product) === null || _c === void 0 ? void 0 : _c.traceInfo) || ((_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.traceInfo));
16151
+ }
16152
+ new Function(link)();
16153
+ }
16154
+ })),
16011
16155
  React.createElement("img", { src: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl, alt: 'logo' })));
16012
16156
  }
16013
16157
  return null;
16014
- }, [globalConfig]);
16158
+ }, [globalConfig, activeIndex, visList]);
16015
16159
  const renderContent = useCallback((rec, index) => {
16016
16160
  var _a, _b, _c, _d;
16017
16161
  if ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.url) {
@@ -16148,7 +16292,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16148
16292
  traceInfo: (_u = (_s = (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo) !== null && _s !== void 0 ? _s : (_t = item === null || item === void 0 ? void 0 : item.product) === null || _t === void 0 ? void 0 : _t.traceInfo) !== null && _u !== void 0 ? _u : ''
16149
16293
  }
16150
16294
  });
16151
- setSlideSkipState();
16152
16295
  skipLinkRef.current = true;
16153
16296
  window.location.href = window.getJointUtmLink(link);
16154
16297
  }
@@ -16234,20 +16377,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16234
16377
  });
16235
16378
  }
16236
16379
  };
16237
- const visList = useMemo(() => {
16238
- var _a;
16239
- const list = activeIndex === 0 && !waterFallData
16240
- ? [(_a = data === null || data === void 0 ? void 0 : data[0]) !== null && _a !== void 0 ? _a : null]
16241
- : data === null || data === void 0 ? void 0 : data.map((item, index) => {
16242
- if (activeIndex === index || index - 1 === activeIndex || index + 1 === activeIndex) {
16243
- return item;
16244
- }
16245
- else {
16246
- return null;
16247
- }
16248
- });
16249
- return !waterFallData ? list.concat([{ loading: true }]) : list;
16250
- }, [data, activeIndex, waterFallData]);
16251
16380
  const renderToggleButton = useCallback((visible) => {
16252
16381
  var _a, _b, _c, _d, _e, _f;
16253
16382
  if (!visible)