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.cjs CHANGED
@@ -733,9 +733,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
733
733
  }
734
734
  if (isEditor) {
735
735
  let pageNum = 1;
736
- 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] }));
737
- if (!(query === null || query === void 0 ? void 0 : query.channel) || isInit.current)
738
- return;
736
+ 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] }));
737
+ if (!(query === null || query === void 0 ? void 0 : query.channel) || isInit.current) {
738
+ return undefined;
739
+ }
739
740
  isInit.current = true;
740
741
  let list = [];
741
742
  let result = null;
@@ -746,6 +747,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
746
747
  if (!(result === null || result === void 0 ? void 0 : result.success)) {
747
748
  return undefined;
748
749
  }
750
+ setLoading(false);
749
751
  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));
750
752
  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 : []);
751
753
  if (isNotNullList) {
@@ -915,8 +917,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
915
917
  bffGetTagList();
916
918
  getRecommendVideos()
917
919
  .then((data) => {
918
- setRtcList(getFilterRecList(data));
919
- setCacheRtcList(getFilterRecList(data));
920
+ if (data) {
921
+ setRtcList(getFilterRecList(data));
922
+ setCacheRtcList(getFilterRecList(data));
923
+ }
920
924
  })
921
925
  .finally(() => {
922
926
  bffEventReport({
@@ -935,8 +939,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
935
939
  bffGetTagList();
936
940
  getRecommendVideos()
937
941
  .then((data) => {
938
- setRtcList(getFilterRecList(data));
939
- setCacheRtcList(getFilterRecList(data));
942
+ if (data) {
943
+ setRtcList(getFilterRecList(data));
944
+ setCacheRtcList(getFilterRecList(data));
945
+ }
940
946
  })
941
947
  .finally(() => {
942
948
  bffEventReport({
@@ -1439,7 +1445,7 @@ var settingRender$a = [
1439
1445
  * @Author: binruan@chatlabs.com
1440
1446
  * @Date: 2024-03-12 10:59:06
1441
1447
  * @LastEditors: binruan@chatlabs.com
1442
- * @LastEditTime: 2024-08-14 17:02:53
1448
+ * @LastEditTime: 2024-08-22 17:43:04
1443
1449
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
1444
1450
  *
1445
1451
  */
@@ -9125,8 +9131,8 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
9125
9131
  var CommodityGroup$1 = React.memo(CommodityGroup);
9126
9132
 
9127
9133
  const CommodityDetail$1 = (_a) => {
9128
- 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;
9129
- 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"]);
9134
+ 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;
9135
+ 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"]);
9130
9136
  const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
9131
9137
  const { jumpToWeb, productView } = useEventReport();
9132
9138
  const curTimeRef = React.useRef(null);
@@ -9246,18 +9252,18 @@ const CommodityDetail$1 = (_a) => {
9246
9252
  };
9247
9253
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
9248
9254
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
9249
- 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);
9255
+ 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;
9250
9256
  return (React.createElement(React.Fragment, null,
9251
9257
  React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
9252
9258
  React.createElement("div", { style: { position: 'relative' } },
9253
- 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: {
9259
+ 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: {
9254
9260
  clickable: true,
9255
9261
  bulletActiveClass: 'swipe-item-active-bullet',
9256
9262
  clickableClass: getDotsAlign
9257
9263
  }, loop: true, autoplay: {
9258
9264
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
9259
9265
  }, ref: ref },
9260
- React.createElement(React.Fragment, null, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
9266
+ React.createElement(React.Fragment, null, (_0 = product === null || product === void 0 ? void 0 : product.homePage) === null || _0 === void 0 ? void 0 : _0.map((src) => {
9261
9267
  var _a;
9262
9268
  return (React.createElement(SwiperSlide, { key: src },
9263
9269
  React.createElement("div", { style: {
@@ -9273,7 +9279,7 @@ const CommodityDetail$1 = (_a) => {
9273
9279
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9274
9280
  }, 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 }))));
9275
9281
  })))),
9276
- !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css.css({
9282
+ !((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) && (React.createElement("div", { className: css.css({
9277
9283
  height,
9278
9284
  width
9279
9285
  }) },
@@ -9281,7 +9287,7 @@ const CommodityDetail$1 = (_a) => {
9281
9287
  objectFit: 'cover',
9282
9288
  width: '100%',
9283
9289
  height: '100%'
9284
- }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
9290
+ }), src: (_2 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _2 !== void 0 ? _2 : bottom_image, alt: 'pdp image' }))),
9285
9291
  (iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
9286
9292
  padding: '5px 10px',
9287
9293
  display: 'flex',
@@ -9293,8 +9299,7 @@ const CommodityDetail$1 = (_a) => {
9293
9299
  background: '#fff',
9294
9300
  borderRadius: '3px'
9295
9301
  }, onClick: () => setShow3DModal(true) },
9296
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } }),
9297
- React.createElement("span", { style: { fontSize: '12px' } }, "Try in 3D")))),
9302
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } })))),
9298
9303
  renderCommodityGroup(),
9299
9304
  React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
9300
9305
  renderBtn(),
@@ -9302,12 +9307,13 @@ const CommodityDetail$1 = (_a) => {
9302
9307
  React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
9303
9308
  renderBtn()),
9304
9309
  React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
9305
- React.createElement("iframe", { src: iframeUrl, style: {
9306
- width: '100%',
9307
- height: 'calc(100% - 50px)',
9308
- marginTop: '40px',
9309
- border: 'none'
9310
- } }))));
9310
+ React.createElement("div", { style: { height: '100vh' } },
9311
+ React.createElement("iframe", { src: iframeUrl, style: {
9312
+ width: '100%',
9313
+ height: isTel ? `${664 - 40}px` : `calc(100vh - 40px)`,
9314
+ marginTop: '40px',
9315
+ border: 'none'
9316
+ } })))));
9311
9317
  };
9312
9318
  var CommodityDetailComponent = React.memo(CommodityDetail$1);
9313
9319
 
@@ -9960,8 +9966,8 @@ var settingRender$7 = [
9960
9966
  ];
9961
9967
 
9962
9968
  const CommodityDetailDiroNew$1 = (_a) => {
9963
- 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;
9964
- 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"]);
9969
+ 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;
9970
+ 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"]);
9965
9971
  React.useState(true);
9966
9972
  const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
9967
9973
  const { jumpToWeb, productView } = useEventReport();
@@ -10112,17 +10118,17 @@ Made in Italy` })));
10112
10118
  };
10113
10119
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
10114
10120
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
10115
- 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);
10121
+ 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;
10116
10122
  return (React.createElement("div", { className: 'pb-commondityDiroNew' },
10117
10123
  React.createElement("div", Object.assign({ className: css.css(Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' })) }, props),
10118
10124
  React.createElement("div", { style: { position: 'relative' } },
10119
- 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: {
10125
+ 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: {
10120
10126
  clickable: true,
10121
10127
  bulletActiveClass: 'commondityDiroNew-swipe-item-active-bullet',
10122
10128
  clickableClass: getDotsAlign
10123
10129
  }, loop: true, autoplay: {
10124
10130
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
10125
- }, ref: ref }, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
10131
+ }, ref: ref }, (_0 = product === null || product === void 0 ? void 0 : product.homePage) === null || _0 === void 0 ? void 0 : _0.map((src) => {
10126
10132
  var _a;
10127
10133
  return (React.createElement(SwiperSlide, { key: src },
10128
10134
  React.createElement("div", { style: {
@@ -10138,7 +10144,7 @@ Made in Italy` })));
10138
10144
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
10139
10145
  }, 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 }))));
10140
10146
  }))),
10141
- !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css.css({
10147
+ !((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) && (React.createElement("div", { className: css.css({
10142
10148
  height,
10143
10149
  width
10144
10150
  }) },
@@ -10146,7 +10152,7 @@ Made in Italy` })));
10146
10152
  objectFit: 'cover',
10147
10153
  width: '100%',
10148
10154
  height: '100%'
10149
- }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
10155
+ }), src: (_2 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _2 !== void 0 ? _2 : bottom_image, alt: 'pdp image' }))),
10150
10156
  (iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
10151
10157
  padding: '5px 10px',
10152
10158
  display: 'flex',
@@ -10158,14 +10164,13 @@ Made in Italy` })));
10158
10164
  background: '#fff',
10159
10165
  borderRadius: '3px'
10160
10166
  }, onClick: () => setShow3DModal(true) },
10161
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } }),
10162
- React.createElement("span", { style: { fontSize: '12px' } }, "Try in 3D")))),
10167
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } })))),
10163
10168
  renderCommodityGroup(),
10164
10169
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
10165
10170
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
10166
10171
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
10167
10172
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title), dangerouslySetInnerHTML: {
10168
- __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)
10173
+ __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)
10169
10174
  } }),
10170
10175
  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: {
10171
10176
  __html: setFontForText((product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage CalfskinLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection)
@@ -10175,21 +10180,22 @@ Made in Italy` })));
10175
10180
  __html: setFontForText(priceText, commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
10176
10181
  } }),
10177
10182
  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: {
10178
- __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)
10183
+ __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)
10179
10184
  } }))),
10180
- (!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 },
10185
+ (!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 },
10181
10186
  React.createElement("span", { dangerouslySetInnerHTML: {
10182
- __html: setFontForText((_9 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _9 !== void 0 ? _9 : 'Shop now', buttonStyle)
10187
+ __html: setFontForText((_6 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _6 !== void 0 ? _6 : 'Shop now', buttonStyle)
10183
10188
  } }))),
10184
10189
  productInfoText({ isPost }))),
10185
10190
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
10186
10191
  React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
10187
- React.createElement("iframe", { src: iframeUrl, style: {
10188
- width: '100%',
10189
- height: 'calc(100% - 50px)',
10190
- marginTop: '40px',
10191
- border: 'none'
10192
- } }))));
10192
+ React.createElement("div", { style: { height: '100vh' } },
10193
+ React.createElement("iframe", { src: iframeUrl, style: {
10194
+ width: '100%',
10195
+ height: isTel ? `${664 - 40}px` : `calc(100vh - 40px)`,
10196
+ marginTop: '40px',
10197
+ border: 'none'
10198
+ } })))));
10193
10199
  };
10194
10200
  var CommodityDetailDiroNewComponent = React.memo(CommodityDetailDiroNew$1);
10195
10201
 
@@ -10782,7 +10788,7 @@ const Iframe$1 = (_a) => {
10782
10788
  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"]);
10783
10789
  const { popupDetailData } = useSxpDataSource();
10784
10790
  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;
10785
- return (React.createElement("div", Object.assign({ className: `${css.css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : '100%' }))}` }, props),
10791
+ return (React.createElement("div", Object.assign({ className: `${css.css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : window === null || window === void 0 ? void 0 : window.innerHeight }))}` }, props),
10786
10792
  React.createElement("iframe", { src: iframeUrl, style: {
10787
10793
  width: '100%',
10788
10794
  height: 'calc(100% - 50px)',
@@ -16023,7 +16029,7 @@ var Tagbar$1 = React.memo(Tagbar);
16023
16029
  * @Author: binruan@chatlabs.com
16024
16030
  * @Date: 2024-01-15 19:03:09
16025
16031
  * @LastEditors: binruan@chatlabs.com
16026
- * @LastEditTime: 2024-08-22 09:56:51
16032
+ * @LastEditTime: 2024-08-22 17:50:06
16027
16033
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
16028
16034
  *
16029
16035
  */
@@ -16199,7 +16205,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16199
16205
  return null;
16200
16206
  }
16201
16207
  });
16202
- return !waterFallData ? list.concat([{ loading: true }]) : list;
16208
+ return !waterFallData && !isEditor ? list.concat([{ loading: true }]) : list;
16203
16209
  }, [data, activeIndex, waterFallData, isEditor]);
16204
16210
  const renderLogo = React.useMemo(() => {
16205
16211
  var _a, _b, _c, _d;
@@ -16363,7 +16369,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16363
16369
  };
16364
16370
  const handleScrollEvent = (swiper) => {
16365
16371
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
16366
- viewTime.current = new Date();
16367
16372
  const item = data[swiper.previousIndex];
16368
16373
  if (!item)
16369
16374
  return;
@@ -16404,6 +16409,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16404
16409
  eventName: 'ProductView'
16405
16410
  });
16406
16411
  }
16412
+ viewTime.current = new Date();
16407
16413
  };
16408
16414
  const handleReportProductView = (item) => {
16409
16415
  var _a, _b, _c;
@@ -16413,8 +16419,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
16413
16419
  };
16414
16420
  React.useEffect(() => {
16415
16421
  const item = data[activeIndex];
16416
- if (openHashtag)
16422
+ if (openHashtag) {
16417
16423
  handleReportProductView(item);
16424
+ }
16425
+ else {
16426
+ viewTime.current = new Date();
16427
+ }
16418
16428
  }, [openHashtag, data, activeIndex]);
16419
16429
  const handleViewImageStartEvent = (activeIndex) => {
16420
16430
  var _a, _b, _c, _d, _e, _f;