pb-sxp-ui 1.3.2 → 1.3.4

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 (30) hide show
  1. package/dist/index.cjs +59 -50
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.js +59 -50
  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 +59 -50
  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/Modal/index.js +2 -3
  15. package/es/core/components/SxpPageRender/index.js +6 -2
  16. package/es/core/context/SxpDataSourceProvider.js +13 -7
  17. package/es/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  18. package/es/materials/sxp/popup/CommodityDetail/index.js +15 -15
  19. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  20. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +19 -19
  21. package/es/materials/sxp/popup/Iframe/index.js +1 -1
  22. package/lib/core/components/SxpPageRender/Modal/index.js +2 -3
  23. package/lib/core/components/SxpPageRender/index.js +6 -2
  24. package/lib/core/context/SxpDataSourceProvider.js +13 -7
  25. package/lib/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  26. package/lib/materials/sxp/popup/CommodityDetail/index.js +15 -15
  27. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  28. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +19 -19
  29. package/lib/materials/sxp/popup/Iframe/index.js +1 -1
  30. package/package.json +1 -1
package/dist/pb-ui.js CHANGED
@@ -726,9 +726,10 @@
726
726
  }
727
727
  if (isEditor) {
728
728
  let pageNum = 1;
729
- 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] }));
730
- if (!(query === null || query === void 0 ? void 0 : query.channel) || isInit.current)
731
- return;
729
+ 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] }));
730
+ if (!(query === null || query === void 0 ? void 0 : query.channel) || isInit.current) {
731
+ return undefined;
732
+ }
732
733
  isInit.current = true;
733
734
  let list = [];
734
735
  let result = null;
@@ -739,6 +740,7 @@
739
740
  if (!(result === null || result === void 0 ? void 0 : result.success)) {
740
741
  return undefined;
741
742
  }
743
+ setLoading(false);
742
744
  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));
743
745
  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 : []);
744
746
  if (isNotNullList) {
@@ -908,8 +910,10 @@
908
910
  bffGetTagList();
909
911
  getRecommendVideos()
910
912
  .then((data) => {
911
- setRtcList(getFilterRecList(data));
912
- setCacheRtcList(getFilterRecList(data));
913
+ if (data) {
914
+ setRtcList(getFilterRecList(data));
915
+ setCacheRtcList(getFilterRecList(data));
916
+ }
913
917
  })
914
918
  .finally(() => {
915
919
  bffEventReport({
@@ -928,8 +932,10 @@
928
932
  bffGetTagList();
929
933
  getRecommendVideos()
930
934
  .then((data) => {
931
- setRtcList(getFilterRecList(data));
932
- setCacheRtcList(getFilterRecList(data));
935
+ if (data) {
936
+ setRtcList(getFilterRecList(data));
937
+ setCacheRtcList(getFilterRecList(data));
938
+ }
933
939
  })
934
940
  .finally(() => {
935
941
  bffEventReport({
@@ -1432,7 +1438,7 @@
1432
1438
  * @Author: binruan@chatlabs.com
1433
1439
  * @Date: 2024-03-12 10:59:06
1434
1440
  * @LastEditors: binruan@chatlabs.com
1435
- * @LastEditTime: 2024-08-14 17:02:53
1441
+ * @LastEditTime: 2024-08-22 17:43:04
1436
1442
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
1437
1443
  *
1438
1444
  */
@@ -8818,13 +8824,13 @@
8818
8824
  * @Author: binruan@chatlabs.com
8819
8825
  * @Date: 2023-11-02 18:34:34
8820
8826
  * @LastEditors: binruan@chatlabs.com
8821
- * @LastEditTime: 2024-08-20 18:29:11
8827
+ * @LastEditTime: 2024-08-22 18:48:44
8822
8828
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
8823
8829
  *
8824
8830
  */
8825
8831
  const closeIcon$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
8826
8832
  const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema, fullHeight = window.innerHeight, isFullScreen = false }) => {
8827
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
8833
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
8828
8834
  const touchRef = React.useRef(null);
8829
8835
  const fTouchRef = React.useRef(null);
8830
8836
  const touchMoveRef = React.useRef(null);
@@ -8949,8 +8955,7 @@
8949
8955
  React.createElement("div", { onClick: onClose, className: 'modal-icon-wrapper' },
8950
8956
  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' })),
8951
8957
  React.createElement("div", { ref: ref, style: {
8952
- height: (_x = (isScrollFullScreen ? fullHeight : MODAL_DEF_CON_H) -
8953
- ((_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)) !== null && _x !== void 0 ? _x : 0,
8958
+ height: isScrollFullScreen ? fullHeight : MODAL_DEF_CON_H,
8954
8959
  overflow: (isScrollFullScreen && modalTrans <= 0) || !isScrollFullScreen ? 'auto' : 'hidden'
8955
8960
  } }, children)))))), modalEleRef.current);
8956
8961
  };
@@ -9118,8 +9123,8 @@
9118
9123
  var CommodityGroup$1 = React.memo(CommodityGroup);
9119
9124
 
9120
9125
  const CommodityDetail$1 = (_a) => {
9121
- 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;
9122
- 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"]);
9126
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
9127
+ 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"]);
9123
9128
  const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
9124
9129
  const { jumpToWeb, productView } = useEventReport();
9125
9130
  const curTimeRef = React.useRef(null);
@@ -9239,18 +9244,18 @@
9239
9244
  };
9240
9245
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
9241
9246
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
9242
- 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);
9247
+ const iframeUrl = product === null || product === void 0 ? void 0 : product.remark;
9243
9248
  return (React.createElement(React.Fragment, null,
9244
9249
  React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
9245
9250
  React.createElement("div", { style: { position: 'relative' } },
9246
- 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: {
9251
+ product && ((_w = product === null || product === void 0 ? void 0 : product.homePage) === null || _w === void 0 ? void 0 : _w.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
9247
9252
  clickable: true,
9248
9253
  bulletActiveClass: 'swipe-item-active-bullet',
9249
9254
  clickableClass: getDotsAlign
9250
9255
  }, loop: true, autoplay: {
9251
9256
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
9252
9257
  }, ref: ref },
9253
- React.createElement(React.Fragment, null, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
9258
+ React.createElement(React.Fragment, null, (_x = product === null || product === void 0 ? void 0 : product.homePage) === null || _x === void 0 ? void 0 : _x.map((src) => {
9254
9259
  var _a;
9255
9260
  return (React.createElement(SwiperSlide, { key: src },
9256
9261
  React.createElement("div", { style: {
@@ -9266,7 +9271,7 @@
9266
9271
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9267
9272
  }, 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 }))));
9268
9273
  })))),
9269
- !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css.css({
9274
+ !((_y = product === null || product === void 0 ? void 0 : product.homePage) === null || _y === void 0 ? void 0 : _y.length) && (React.createElement("div", { className: css.css({
9270
9275
  height,
9271
9276
  width
9272
9277
  }) },
@@ -9274,7 +9279,7 @@
9274
9279
  objectFit: 'cover',
9275
9280
  width: '100%',
9276
9281
  height: '100%'
9277
- }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
9282
+ }), src: (_z = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _z !== void 0 ? _z : bottom_image, alt: 'pdp image' }))),
9278
9283
  (iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
9279
9284
  padding: '5px 10px',
9280
9285
  display: 'flex',
@@ -9286,8 +9291,7 @@
9286
9291
  background: '#fff',
9287
9292
  borderRadius: '3px'
9288
9293
  }, onClick: () => setShow3DModal(true) },
9289
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } }),
9290
- React.createElement("span", { style: { fontSize: '12px' } }, "Try in 3D")))),
9294
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px' })))),
9291
9295
  renderCommodityGroup(),
9292
9296
  React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
9293
9297
  renderBtn(),
@@ -9295,12 +9299,13 @@
9295
9299
  React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
9296
9300
  renderBtn()),
9297
9301
  React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
9298
- React.createElement("iframe", { src: iframeUrl, style: {
9299
- width: '100%',
9300
- height: 'calc(100% - 50px)',
9301
- marginTop: '40px',
9302
- border: 'none'
9303
- } }))));
9302
+ React.createElement("div", { style: { height: window.innerHeight } },
9303
+ React.createElement("iframe", { src: iframeUrl, style: {
9304
+ width: '100%',
9305
+ height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
9306
+ marginTop: '50px',
9307
+ border: 'none'
9308
+ } })))));
9304
9309
  };
9305
9310
  var CommodityDetailComponent = React.memo(CommodityDetail$1);
9306
9311
 
@@ -9953,8 +9958,8 @@
9953
9958
  ];
9954
9959
 
9955
9960
  const CommodityDetailDiroNew$1 = (_a) => {
9956
- 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;
9957
- 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"]);
9961
+ 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;
9962
+ 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"]);
9958
9963
  React.useState(true);
9959
9964
  const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
9960
9965
  const { jumpToWeb, productView } = useEventReport();
@@ -10105,17 +10110,17 @@ Made in Italy` })));
10105
10110
  };
10106
10111
  return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
10107
10112
  }, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
10108
- 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);
10113
+ const iframeUrl = product === null || product === void 0 ? void 0 : product.remark;
10109
10114
  return (React.createElement("div", { className: 'pb-commondityDiroNew' },
10110
10115
  React.createElement("div", Object.assign({ className: css.css(Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' })) }, props),
10111
10116
  React.createElement("div", { style: { position: 'relative' } },
10112
- 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: {
10117
+ product && ((_w = product === null || product === void 0 ? void 0 : product.homePage) === null || _w === void 0 ? void 0 : _w.length) > 0 && (React.createElement(Swiper, { height: height, modules: [Pagination, Autoplay], pagination: {
10113
10118
  clickable: true,
10114
10119
  bulletActiveClass: 'commondityDiroNew-swipe-item-active-bullet',
10115
10120
  clickableClass: getDotsAlign
10116
10121
  }, loop: true, autoplay: {
10117
10122
  delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
10118
- }, ref: ref }, (_3 = product === null || product === void 0 ? void 0 : product.homePage) === null || _3 === void 0 ? void 0 : _3.map((src) => {
10123
+ }, ref: ref }, (_x = product === null || product === void 0 ? void 0 : product.homePage) === null || _x === void 0 ? void 0 : _x.map((src) => {
10119
10124
  var _a;
10120
10125
  return (React.createElement(SwiperSlide, { key: src },
10121
10126
  React.createElement("div", { style: {
@@ -10131,7 +10136,7 @@ Made in Italy` })));
10131
10136
  objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
10132
10137
  }, 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 }))));
10133
10138
  }))),
10134
- !((_4 = product === null || product === void 0 ? void 0 : product.homePage) === null || _4 === void 0 ? void 0 : _4.length) && (React.createElement("div", { className: css.css({
10139
+ !((_y = product === null || product === void 0 ? void 0 : product.homePage) === null || _y === void 0 ? void 0 : _y.length) && (React.createElement("div", { className: css.css({
10135
10140
  height,
10136
10141
  width
10137
10142
  }) },
@@ -10139,7 +10144,7 @@ Made in Italy` })));
10139
10144
  objectFit: 'cover',
10140
10145
  width: '100%',
10141
10146
  height: '100%'
10142
- }), src: (_5 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _5 !== void 0 ? _5 : bottom_image, alt: 'pdp image' }))),
10147
+ }), src: (_z = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _z !== void 0 ? _z : bottom_image, alt: 'pdp image' }))),
10143
10148
  (iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
10144
10149
  padding: '5px 10px',
10145
10150
  display: 'flex',
@@ -10151,14 +10156,13 @@ Made in Italy` })));
10151
10156
  background: '#fff',
10152
10157
  borderRadius: '3px'
10153
10158
  }, onClick: () => setShow3DModal(true) },
10154
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } }),
10155
- React.createElement("span", { style: { fontSize: '12px' } }, "Try in 3D")))),
10159
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px' })))),
10156
10160
  renderCommodityGroup(),
10157
10161
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
10158
10162
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
10159
10163
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
10160
10164
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title), dangerouslySetInnerHTML: {
10161
- __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)
10165
+ __html: setFontForText((_0 = product === null || product === void 0 ? void 0 : product.title) !== null && _0 !== void 0 ? _0 : 'Large Dior Toujours BagLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title)
10162
10166
  } }),
10163
10167
  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: {
10164
10168
  __html: setFontForText((product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage CalfskinLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection)
@@ -10168,21 +10172,22 @@ Made in Italy` })));
10168
10172
  __html: setFontForText(priceText, commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
10169
10173
  } }),
10170
10174
  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: {
10171
- __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)
10175
+ __html: setFontForText((_1 = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _1 !== void 0 ? _1 : '税费', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo)
10172
10176
  } }))),
10173
- (!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 },
10177
+ (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_2 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _2 !== void 0 ? _2 : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle },
10174
10178
  React.createElement("span", { dangerouslySetInnerHTML: {
10175
- __html: setFontForText((_9 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _9 !== void 0 ? _9 : 'Shop now', buttonStyle)
10179
+ __html: setFontForText((_3 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _3 !== void 0 ? _3 : 'Shop now', buttonStyle)
10176
10180
  } }))),
10177
10181
  productInfoText({ isPost }))),
10178
10182
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
10179
10183
  React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
10180
- React.createElement("iframe", { src: iframeUrl, style: {
10181
- width: '100%',
10182
- height: 'calc(100% - 50px)',
10183
- marginTop: '40px',
10184
- border: 'none'
10185
- } }))));
10184
+ React.createElement("div", { style: { height: window.innerHeight } },
10185
+ React.createElement("iframe", { src: iframeUrl, style: {
10186
+ width: '100%',
10187
+ height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
10188
+ marginTop: '50px',
10189
+ border: 'none'
10190
+ } })))));
10186
10191
  };
10187
10192
  var CommodityDetailDiroNewComponent = React.memo(CommodityDetailDiroNew$1);
10188
10193
 
@@ -10775,7 +10780,7 @@ Made in Italy` })));
10775
10780
  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"]);
10776
10781
  const { popupDetailData } = useSxpDataSource();
10777
10782
  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;
10778
- return (React.createElement("div", Object.assign({ className: `${css.css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : '100%' }))}` }, props),
10783
+ 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),
10779
10784
  React.createElement("iframe", { src: iframeUrl, style: {
10780
10785
  width: '100%',
10781
10786
  height: 'calc(100% - 50px)',
@@ -16016,7 +16021,7 @@ Made in Italy` })));
16016
16021
  * @Author: binruan@chatlabs.com
16017
16022
  * @Date: 2024-01-15 19:03:09
16018
16023
  * @LastEditors: binruan@chatlabs.com
16019
- * @LastEditTime: 2024-08-22 09:56:51
16024
+ * @LastEditTime: 2024-08-22 18:34:01
16020
16025
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
16021
16026
  *
16022
16027
  */
@@ -16356,7 +16361,6 @@ Made in Italy` })));
16356
16361
  };
16357
16362
  const handleScrollEvent = (swiper) => {
16358
16363
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
16359
- viewTime.current = new Date();
16360
16364
  const item = data[swiper.previousIndex];
16361
16365
  if (!item)
16362
16366
  return;
@@ -16397,6 +16401,7 @@ Made in Italy` })));
16397
16401
  eventName: 'ProductView'
16398
16402
  });
16399
16403
  }
16404
+ viewTime.current = new Date();
16400
16405
  };
16401
16406
  const handleReportProductView = (item) => {
16402
16407
  var _a, _b, _c;
@@ -16406,8 +16411,12 @@ Made in Italy` })));
16406
16411
  };
16407
16412
  React.useEffect(() => {
16408
16413
  const item = data[activeIndex];
16409
- if (openHashtag)
16414
+ if (openHashtag) {
16410
16415
  handleReportProductView(item);
16416
+ }
16417
+ else {
16418
+ viewTime.current = new Date();
16419
+ }
16411
16420
  }, [openHashtag, data, activeIndex]);
16412
16421
  const handleViewImageStartEvent = (activeIndex) => {
16413
16422
  var _a, _b, _c, _d, _e, _f;