pb-sxp-ui 1.3.2 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/index.cjs +57 -47
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.js +57 -47
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +3 -3
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +3 -3
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +57 -47
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +3 -3
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/SxpPageRender/index.js +7 -3
  15. package/es/core/context/SxpDataSourceProvider.js +13 -7
  16. package/es/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  17. package/es/materials/sxp/popup/CommodityDetail/index.js +15 -15
  18. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  19. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +19 -19
  20. package/es/materials/sxp/popup/Iframe/index.js +1 -1
  21. package/lib/core/components/SxpPageRender/index.js +7 -3
  22. package/lib/core/context/SxpDataSourceProvider.js +13 -7
  23. package/lib/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  24. package/lib/materials/sxp/popup/CommodityDetail/index.js +15 -15
  25. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  26. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +19 -19
  27. package/lib/materials/sxp/popup/Iframe/index.js +1 -1
  28. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1872,7 +1872,7 @@ button.swiper-pagination-bullet {
1872
1872
  }
1873
1873
  .clc-sxp-like-button {
1874
1874
  position: absolute;
1875
- z-index: 10;
1875
+ z-index: 11;
1876
1876
  background-color: transparent;
1877
1877
  width: 50px;
1878
1878
  height: 50px;
package/dist/index.js CHANGED
@@ -711,9 +711,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
711
711
  }
712
712
  if (isEditor) {
713
713
  let pageNum = 1;
714
- query = Object.assign(Object.assign({}, query), (!utmVal && channelQueryList && (channelQueryList === null || channelQueryList === void 0 ? void 0 : channelQueryList.length) > 0 && { channel: channelQueryList === null || channelQueryList === void 0 ? void 0 : channelQueryList[0] }));
715
- if (!(query === null || query === void 0 ? void 0 : query.channel) || isInit.current)
716
- return;
714
+ 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] }));
715
+ if (!(query === null || query === void 0 ? void 0 : query.channel) || isInit.current) {
716
+ return undefined;
717
+ }
717
718
  isInit.current = true;
718
719
  let list = [];
719
720
  let result = null;
@@ -724,6 +725,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
724
725
  if (!(result === null || result === void 0 ? void 0 : result.success)) {
725
726
  return undefined;
726
727
  }
728
+ setLoading(false);
727
729
  const isNotNullList = (_s = (_r = result === null || result === void 0 ? void 0 : result.data) === null || _r === void 0 ? void 0 : _r.recList) === null || _s === void 0 ? void 0 : _s.every((item) => (item === null || item === void 0 ? void 0 : item.product) || (item === null || item === void 0 ? void 0 : item.video));
728
730
  list = list.concat((_w = (_v = (_u = (_t = result === null || result === void 0 ? void 0 : result.data) === null || _t === void 0 ? void 0 : _t.recList) === null || _u === void 0 ? void 0 : _u.filter) === null || _v === void 0 ? void 0 : _v.call(_u, (item) => (item === null || item === void 0 ? void 0 : item.product) || (item === null || item === void 0 ? void 0 : item.video))) !== null && _w !== void 0 ? _w : []);
729
731
  if (isNotNullList) {
@@ -893,8 +895,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
893
895
  bffGetTagList();
894
896
  getRecommendVideos()
895
897
  .then((data) => {
896
- setRtcList(getFilterRecList(data));
897
- setCacheRtcList(getFilterRecList(data));
898
+ if (data) {
899
+ setRtcList(getFilterRecList(data));
900
+ setCacheRtcList(getFilterRecList(data));
901
+ }
898
902
  })
899
903
  .finally(() => {
900
904
  bffEventReport({
@@ -913,8 +917,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
913
917
  bffGetTagList();
914
918
  getRecommendVideos()
915
919
  .then((data) => {
916
- setRtcList(getFilterRecList(data));
917
- setCacheRtcList(getFilterRecList(data));
920
+ if (data) {
921
+ setRtcList(getFilterRecList(data));
922
+ setCacheRtcList(getFilterRecList(data));
923
+ }
918
924
  })
919
925
  .finally(() => {
920
926
  bffEventReport({
@@ -1417,7 +1423,7 @@ var settingRender$a = [
1417
1423
  * @Author: binruan@chatlabs.com
1418
1424
  * @Date: 2024-03-12 10:59:06
1419
1425
  * @LastEditors: binruan@chatlabs.com
1420
- * @LastEditTime: 2024-08-14 17:02:53
1426
+ * @LastEditTime: 2024-08-22 17:43:04
1421
1427
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
1422
1428
  *
1423
1429
  */
@@ -9103,8 +9109,8 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
9103
9109
  var CommodityGroup$1 = memo(CommodityGroup);
9104
9110
 
9105
9111
  const CommodityDetail$1 = (_a) => {
9106
- 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;
9107
- 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"]);
9112
+ 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;
9113
+ var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel } = _a, props = __rest(_a, ["content", "style", "bgImg", "onClick", "schema", "isDefault", "bottom_image", "tipText", "isPost", "viewTime", "rec", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel"]);
9108
9114
  const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
9109
9115
  const { jumpToWeb, productView } = useEventReport();
9110
9116
  const curTimeRef = useRef(null);
@@ -9224,18 +9230,18 @@ const CommodityDetail$1 = (_a) => {
9224
9230
  };
9225
9231
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
9226
9232
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
9227
- 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);
9233
+ const iframeUrl = isPost ? (_w = data === null || data === void 0 ? void 0 : data.product) === null || _w === void 0 ? void 0 : _w.remark : (_y = (_x = data === null || data === void 0 ? void 0 : data.video) === null || _x === void 0 ? void 0 : _x.bindProduct) === null || _y === void 0 ? void 0 : _y.remark;
9228
9234
  return (React.createElement(React.Fragment, null,
9229
9235
  React.createElement("div", Object.assign({ className: css(Object.assign({}, style)) }, props),
9230
9236
  React.createElement("div", { style: { position: 'relative' } },
9231
- 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: {
9237
+ product && ((_z = product === null || product === void 0 ? void 0 : product.homePage) === null || _z === void 0 ? void 0 : _z.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
9232
9238
  clickable: true,
9233
9239
  bulletActiveClass: 'swipe-item-active-bullet',
9234
9240
  clickableClass: getDotsAlign
9235
9241
  }, loop: true, autoplay: {
9236
9242
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
9237
9243
  }, ref: ref },
9238
- React.createElement(React.Fragment, null, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
9244
+ React.createElement(React.Fragment, null, (_0 = product === null || product === void 0 ? void 0 : product.homePage) === null || _0 === void 0 ? void 0 : _0.map((src) => {
9239
9245
  var _a;
9240
9246
  return (React.createElement(SwiperSlide, { key: src },
9241
9247
  React.createElement("div", { style: {
@@ -9251,7 +9257,7 @@ const CommodityDetail$1 = (_a) => {
9251
9257
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9252
9258
  }, 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 }))));
9253
9259
  })))),
9254
- !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css({
9260
+ !((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) && (React.createElement("div", { className: css({
9255
9261
  height,
9256
9262
  width
9257
9263
  }) },
@@ -9259,7 +9265,7 @@ const CommodityDetail$1 = (_a) => {
9259
9265
  objectFit: 'cover',
9260
9266
  width: '100%',
9261
9267
  height: '100%'
9262
- }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
9268
+ }), src: (_2 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _2 !== void 0 ? _2 : bottom_image, alt: 'pdp image' }))),
9263
9269
  (iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
9264
9270
  padding: '5px 10px',
9265
9271
  display: 'flex',
@@ -9271,8 +9277,7 @@ const CommodityDetail$1 = (_a) => {
9271
9277
  background: '#fff',
9272
9278
  borderRadius: '3px'
9273
9279
  }, onClick: () => setShow3DModal(true) },
9274
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } }),
9275
- React.createElement("span", { style: { fontSize: '12px' } }, "Try in 3D")))),
9280
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } })))),
9276
9281
  renderCommodityGroup(),
9277
9282
  React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
9278
9283
  renderBtn(),
@@ -9280,12 +9285,13 @@ const CommodityDetail$1 = (_a) => {
9280
9285
  React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
9281
9286
  renderBtn()),
9282
9287
  React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
9283
- React.createElement("iframe", { src: iframeUrl, style: {
9284
- width: '100%',
9285
- height: 'calc(100% - 50px)',
9286
- marginTop: '40px',
9287
- border: 'none'
9288
- } }))));
9288
+ React.createElement("div", { style: { height: '100vh' } },
9289
+ React.createElement("iframe", { src: iframeUrl, style: {
9290
+ width: '100%',
9291
+ height: isTel ? `${664 - 40}px` : `calc(100vh - 40px)`,
9292
+ marginTop: '40px',
9293
+ border: 'none'
9294
+ } })))));
9289
9295
  };
9290
9296
  var CommodityDetailComponent = memo(CommodityDetail$1);
9291
9297
 
@@ -9938,8 +9944,8 @@ var settingRender$7 = [
9938
9944
  ];
9939
9945
 
9940
9946
  const CommodityDetailDiroNew$1 = (_a) => {
9941
- 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;
9942
- 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"]);
9947
+ 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;
9948
+ var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel } = _a, props = __rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel"]);
9943
9949
  useState(true);
9944
9950
  const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
9945
9951
  const { jumpToWeb, productView } = useEventReport();
@@ -10090,17 +10096,17 @@ Made in Italy` })));
10090
10096
  };
10091
10097
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
10092
10098
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
10093
- 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);
10099
+ const iframeUrl = isPost ? (_w = data === null || data === void 0 ? void 0 : data.product) === null || _w === void 0 ? void 0 : _w.remark : (_y = (_x = data === null || data === void 0 ? void 0 : data.video) === null || _x === void 0 ? void 0 : _x.bindProduct) === null || _y === void 0 ? void 0 : _y.remark;
10094
10100
  return (React.createElement("div", { className: 'pb-commondityDiroNew' },
10095
10101
  React.createElement("div", Object.assign({ className: css(Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' })) }, props),
10096
10102
  React.createElement("div", { style: { position: 'relative' } },
10097
- 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: {
10103
+ product && ((_z = product === null || product === void 0 ? void 0 : product.homePage) === null || _z === void 0 ? void 0 : _z.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
10098
10104
  clickable: true,
10099
10105
  bulletActiveClass: 'commondityDiroNew-swipe-item-active-bullet',
10100
10106
  clickableClass: getDotsAlign
10101
10107
  }, loop: true, autoplay: {
10102
10108
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
10103
- }, ref: ref }, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
10109
+ }, ref: ref }, (_0 = product === null || product === void 0 ? void 0 : product.homePage) === null || _0 === void 0 ? void 0 : _0.map((src) => {
10104
10110
  var _a;
10105
10111
  return (React.createElement(SwiperSlide, { key: src },
10106
10112
  React.createElement("div", { style: {
@@ -10116,7 +10122,7 @@ Made in Italy` })));
10116
10122
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
10117
10123
  }, 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 }))));
10118
10124
  }))),
10119
- !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css({
10125
+ !((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) && (React.createElement("div", { className: css({
10120
10126
  height,
10121
10127
  width
10122
10128
  }) },
@@ -10124,7 +10130,7 @@ Made in Italy` })));
10124
10130
  objectFit: 'cover',
10125
10131
  width: '100%',
10126
10132
  height: '100%'
10127
- }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
10133
+ }), src: (_2 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _2 !== void 0 ? _2 : bottom_image, alt: 'pdp image' }))),
10128
10134
  (iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
10129
10135
  padding: '5px 10px',
10130
10136
  display: 'flex',
@@ -10136,14 +10142,13 @@ Made in Italy` })));
10136
10142
  background: '#fff',
10137
10143
  borderRadius: '3px'
10138
10144
  }, onClick: () => setShow3DModal(true) },
10139
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } }),
10140
- React.createElement("span", { style: { fontSize: '12px' } }, "Try in 3D")))),
10145
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } })))),
10141
10146
  renderCommodityGroup(),
10142
10147
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
10143
10148
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
10144
10149
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
10145
10150
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title), dangerouslySetInnerHTML: {
10146
- __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)
10151
+ __html: setFontForText((_3 = product === null || product === void 0 ? void 0 : product.title) !== null && _3 !== void 0 ? _3 : 'Large Dior Toujours BagLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title)
10147
10152
  } }),
10148
10153
  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: {
10149
10154
  __html: setFontForText((product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage CalfskinLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection)
@@ -10153,21 +10158,22 @@ Made in Italy` })));
10153
10158
  __html: setFontForText(priceText, commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
10154
10159
  } }),
10155
10160
  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: {
10156
- __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)
10161
+ __html: setFontForText((_4 = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _4 !== void 0 ? _4 : '税费', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo)
10157
10162
  } }))),
10158
- (!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 },
10163
+ (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_5 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _5 !== void 0 ? _5 : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle },
10159
10164
  React.createElement("span", { dangerouslySetInnerHTML: {
10160
- __html: setFontForText((_9 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _9 !== void 0 ? _9 : 'Shop now', buttonStyle)
10165
+ __html: setFontForText((_6 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _6 !== void 0 ? _6 : 'Shop now', buttonStyle)
10161
10166
  } }))),
10162
10167
  productInfoText({ isPost }))),
10163
10168
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
10164
10169
  React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
10165
- React.createElement("iframe", { src: iframeUrl, style: {
10166
- width: '100%',
10167
- height: 'calc(100% - 50px)',
10168
- marginTop: '40px',
10169
- border: 'none'
10170
- } }))));
10170
+ React.createElement("div", { style: { height: '100vh' } },
10171
+ React.createElement("iframe", { src: iframeUrl, style: {
10172
+ width: '100%',
10173
+ height: isTel ? `${664 - 40}px` : `calc(100vh - 40px)`,
10174
+ marginTop: '40px',
10175
+ border: 'none'
10176
+ } })))));
10171
10177
  };
10172
10178
  var CommodityDetailDiroNewComponent = memo(CommodityDetailDiroNew$1);
10173
10179
 
@@ -10760,7 +10766,7 @@ const Iframe$1 = (_a) => {
10760
10766
  var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
10761
10767
  const { popupDetailData } = useSxpDataSource();
10762
10768
  const iframeUrl = (_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark;
10763
- return (React.createElement("div", Object.assign({ className: `${css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : '100%' }))}` }, props),
10769
+ return (React.createElement("div", Object.assign({ className: `${css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : window === null || window === void 0 ? void 0 : window.innerHeight }))}` }, props),
10764
10770
  React.createElement("iframe", { src: iframeUrl, style: {
10765
10771
  width: '100%',
10766
10772
  height: 'calc(100% - 50px)',
@@ -16001,7 +16007,7 @@ var Tagbar$1 = memo(Tagbar);
16001
16007
  * @Author: binruan@chatlabs.com
16002
16008
  * @Date: 2024-01-15 19:03:09
16003
16009
  * @LastEditors: binruan@chatlabs.com
16004
- * @LastEditTime: 2024-08-22 09:56:51
16010
+ * @LastEditTime: 2024-08-22 17:50:06
16005
16011
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
16006
16012
  *
16007
16013
  */
@@ -16177,7 +16183,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16177
16183
  return null;
16178
16184
  }
16179
16185
  });
16180
- return !waterFallData ? list.concat([{ loading: true }]) : list;
16186
+ return !waterFallData && !isEditor ? list.concat([{ loading: true }]) : list;
16181
16187
  }, [data, activeIndex, waterFallData, isEditor]);
16182
16188
  const renderLogo = useMemo(() => {
16183
16189
  var _a, _b, _c, _d;
@@ -16341,7 +16347,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16341
16347
  };
16342
16348
  const handleScrollEvent = (swiper) => {
16343
16349
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
16344
- viewTime.current = new Date();
16345
16350
  const item = data[swiper.previousIndex];
16346
16351
  if (!item)
16347
16352
  return;
@@ -16382,6 +16387,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16382
16387
  eventName: 'ProductView'
16383
16388
  });
16384
16389
  }
16390
+ viewTime.current = new Date();
16385
16391
  };
16386
16392
  const handleReportProductView = (item) => {
16387
16393
  var _a, _b, _c;
@@ -16391,8 +16397,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16391
16397
  };
16392
16398
  useEffect(() => {
16393
16399
  const item = data[activeIndex];
16394
- if (openHashtag)
16400
+ if (openHashtag) {
16395
16401
  handleReportProductView(item);
16402
+ }
16403
+ else {
16404
+ viewTime.current = new Date();
16405
+ }
16396
16406
  }, [openHashtag, data, activeIndex]);
16397
16407
  const handleViewImageStartEvent = (activeIndex) => {
16398
16408
  var _a, _b, _c, _d, _e, _f;