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.
- package/dist/index.cjs +57 -47
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +57 -47
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +57 -47
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/index.js +7 -3
- package/es/core/context/SxpDataSourceProvider.js +13 -7
- package/es/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
- package/es/materials/sxp/popup/CommodityDetail/index.js +15 -15
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +19 -19
- package/es/materials/sxp/popup/Iframe/index.js +1 -1
- package/lib/core/components/SxpPageRender/index.js +7 -3
- package/lib/core/context/SxpDataSourceProvider.js +13 -7
- package/lib/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
- package/lib/materials/sxp/popup/CommodityDetail/index.js +15 -15
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +19 -19
- package/lib/materials/sxp/popup/Iframe/index.js +1 -1
- 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
|
-
|
|
912
|
-
|
|
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
|
-
|
|
932
|
-
|
|
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-
|
|
1441
|
+
* @LastEditTime: 2024-08-22 17:43:04
|
|
1436
1442
|
* @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
|
|
1437
1443
|
*
|
|
1438
1444
|
*/
|
|
@@ -9118,8 +9124,8 @@
|
|
|
9118
9124
|
var CommodityGroup$1 = React.memo(CommodityGroup);
|
|
9119
9125
|
|
|
9120
9126
|
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
|
|
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"]);
|
|
9127
|
+
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;
|
|
9128
|
+
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
9129
|
const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
|
|
9124
9130
|
const { jumpToWeb, productView } = useEventReport();
|
|
9125
9131
|
const curTimeRef = React.useRef(null);
|
|
@@ -9239,18 +9245,18 @@
|
|
|
9239
9245
|
};
|
|
9240
9246
|
return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
|
|
9241
9247
|
}, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
|
|
9242
|
-
const iframeUrl =
|
|
9248
|
+
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;
|
|
9243
9249
|
return (React.createElement(React.Fragment, null,
|
|
9244
9250
|
React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
|
|
9245
9251
|
React.createElement("div", { style: { position: 'relative' } },
|
|
9246
|
-
product && ((
|
|
9252
|
+
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: {
|
|
9247
9253
|
clickable: true,
|
|
9248
9254
|
bulletActiveClass: 'swipe-item-active-bullet',
|
|
9249
9255
|
clickableClass: getDotsAlign
|
|
9250
9256
|
}, loop: true, autoplay: {
|
|
9251
9257
|
delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
|
|
9252
9258
|
}, ref: ref },
|
|
9253
|
-
React.createElement(React.Fragment, null, (
|
|
9259
|
+
React.createElement(React.Fragment, null, (_0 = product === null || product === void 0 ? void 0 : product.homePage) === null || _0 === void 0 ? void 0 : _0.map((src) => {
|
|
9254
9260
|
var _a;
|
|
9255
9261
|
return (React.createElement(SwiperSlide, { key: src },
|
|
9256
9262
|
React.createElement("div", { style: {
|
|
@@ -9266,7 +9272,7 @@
|
|
|
9266
9272
|
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
|
|
9267
9273
|
}, 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
9274
|
})))),
|
|
9269
|
-
!((
|
|
9275
|
+
!((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) && (React.createElement("div", { className: css.css({
|
|
9270
9276
|
height,
|
|
9271
9277
|
width
|
|
9272
9278
|
}) },
|
|
@@ -9274,7 +9280,7 @@
|
|
|
9274
9280
|
objectFit: 'cover',
|
|
9275
9281
|
width: '100%',
|
|
9276
9282
|
height: '100%'
|
|
9277
|
-
}), src: (
|
|
9283
|
+
}), src: (_2 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _2 !== void 0 ? _2 : bottom_image, alt: 'pdp image' }))),
|
|
9278
9284
|
(iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
|
|
9279
9285
|
padding: '5px 10px',
|
|
9280
9286
|
display: 'flex',
|
|
@@ -9286,8 +9292,7 @@
|
|
|
9286
9292
|
background: '#fff',
|
|
9287
9293
|
borderRadius: '3px'
|
|
9288
9294
|
}, 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")))),
|
|
9295
|
+
React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } })))),
|
|
9291
9296
|
renderCommodityGroup(),
|
|
9292
9297
|
React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
|
|
9293
9298
|
renderBtn(),
|
|
@@ -9295,12 +9300,13 @@
|
|
|
9295
9300
|
React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
|
|
9296
9301
|
renderBtn()),
|
|
9297
9302
|
React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
|
|
9298
|
-
React.createElement("
|
|
9299
|
-
|
|
9300
|
-
|
|
9301
|
-
|
|
9302
|
-
|
|
9303
|
-
|
|
9303
|
+
React.createElement("div", { style: { height: '100vh' } },
|
|
9304
|
+
React.createElement("iframe", { src: iframeUrl, style: {
|
|
9305
|
+
width: '100%',
|
|
9306
|
+
height: isTel ? `${664 - 40}px` : `calc(100vh - 40px)`,
|
|
9307
|
+
marginTop: '40px',
|
|
9308
|
+
border: 'none'
|
|
9309
|
+
} })))));
|
|
9304
9310
|
};
|
|
9305
9311
|
var CommodityDetailComponent = React.memo(CommodityDetail$1);
|
|
9306
9312
|
|
|
@@ -9953,8 +9959,8 @@
|
|
|
9953
9959
|
];
|
|
9954
9960
|
|
|
9955
9961
|
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
|
|
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"]);
|
|
9962
|
+
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;
|
|
9963
|
+
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
9964
|
React.useState(true);
|
|
9959
9965
|
const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
|
|
9960
9966
|
const { jumpToWeb, productView } = useEventReport();
|
|
@@ -10105,17 +10111,17 @@ Made in Italy` })));
|
|
|
10105
10111
|
};
|
|
10106
10112
|
return dotsAlignClass === null || dotsAlignClass === void 0 ? void 0 : dotsAlignClass[swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign];
|
|
10107
10113
|
}, [swiper === null || swiper === void 0 ? void 0 : swiper.dotsAlign]);
|
|
10108
|
-
const iframeUrl =
|
|
10114
|
+
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;
|
|
10109
10115
|
return (React.createElement("div", { className: 'pb-commondityDiroNew' },
|
|
10110
10116
|
React.createElement("div", Object.assign({ className: css.css(Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' })) }, props),
|
|
10111
10117
|
React.createElement("div", { style: { position: 'relative' } },
|
|
10112
|
-
product && ((
|
|
10118
|
+
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: {
|
|
10113
10119
|
clickable: true,
|
|
10114
10120
|
bulletActiveClass: 'commondityDiroNew-swipe-item-active-bullet',
|
|
10115
10121
|
clickableClass: getDotsAlign
|
|
10116
10122
|
}, loop: true, autoplay: {
|
|
10117
10123
|
delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
|
|
10118
|
-
}, ref: ref }, (
|
|
10124
|
+
}, ref: ref }, (_0 = product === null || product === void 0 ? void 0 : product.homePage) === null || _0 === void 0 ? void 0 : _0.map((src) => {
|
|
10119
10125
|
var _a;
|
|
10120
10126
|
return (React.createElement(SwiperSlide, { key: src },
|
|
10121
10127
|
React.createElement("div", { style: {
|
|
@@ -10131,7 +10137,7 @@ Made in Italy` })));
|
|
|
10131
10137
|
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
|
|
10132
10138
|
}, 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
10139
|
}))),
|
|
10134
|
-
!((
|
|
10140
|
+
!((_1 = product === null || product === void 0 ? void 0 : product.homePage) === null || _1 === void 0 ? void 0 : _1.length) && (React.createElement("div", { className: css.css({
|
|
10135
10141
|
height,
|
|
10136
10142
|
width
|
|
10137
10143
|
}) },
|
|
@@ -10139,7 +10145,7 @@ Made in Italy` })));
|
|
|
10139
10145
|
objectFit: 'cover',
|
|
10140
10146
|
width: '100%',
|
|
10141
10147
|
height: '100%'
|
|
10142
|
-
}), src: (
|
|
10148
|
+
}), src: (_2 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _2 !== void 0 ? _2 : bottom_image, alt: 'pdp image' }))),
|
|
10143
10149
|
(iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
|
|
10144
10150
|
padding: '5px 10px',
|
|
10145
10151
|
display: 'flex',
|
|
@@ -10151,14 +10157,13 @@ Made in Italy` })));
|
|
|
10151
10157
|
background: '#fff',
|
|
10152
10158
|
borderRadius: '3px'
|
|
10153
10159
|
}, 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")))),
|
|
10160
|
+
React.createElement("img", { src: iframeIcon, alt: '3d', width: '20px', height: '20px', style: { marginRight: '5px' } })))),
|
|
10156
10161
|
renderCommodityGroup(),
|
|
10157
10162
|
React.createElement("div", { className: 'pb-commondityDiroNew-content' },
|
|
10158
10163
|
React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
|
|
10159
10164
|
React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
|
|
10160
10165
|
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((
|
|
10166
|
+
__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)
|
|
10162
10167
|
} }),
|
|
10163
10168
|
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
10169
|
__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 +10173,22 @@ Made in Italy` })));
|
|
|
10168
10173
|
__html: setFontForText(priceText, commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
|
|
10169
10174
|
} }),
|
|
10170
10175
|
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((
|
|
10176
|
+
__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)
|
|
10172
10177
|
} }))),
|
|
10173
|
-
(!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (
|
|
10178
|
+
(!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 },
|
|
10174
10179
|
React.createElement("span", { dangerouslySetInnerHTML: {
|
|
10175
|
-
__html: setFontForText((
|
|
10180
|
+
__html: setFontForText((_6 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _6 !== void 0 ? _6 : 'Shop now', buttonStyle)
|
|
10176
10181
|
} }))),
|
|
10177
10182
|
productInfoText({ isPost }))),
|
|
10178
10183
|
React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
|
|
10179
10184
|
React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
|
|
10180
|
-
React.createElement("
|
|
10181
|
-
|
|
10182
|
-
|
|
10183
|
-
|
|
10184
|
-
|
|
10185
|
-
|
|
10185
|
+
React.createElement("div", { style: { height: '100vh' } },
|
|
10186
|
+
React.createElement("iframe", { src: iframeUrl, style: {
|
|
10187
|
+
width: '100%',
|
|
10188
|
+
height: isTel ? `${664 - 40}px` : `calc(100vh - 40px)`,
|
|
10189
|
+
marginTop: '40px',
|
|
10190
|
+
border: 'none'
|
|
10191
|
+
} })))));
|
|
10186
10192
|
};
|
|
10187
10193
|
var CommodityDetailDiroNewComponent = React.memo(CommodityDetailDiroNew$1);
|
|
10188
10194
|
|
|
@@ -10775,7 +10781,7 @@ Made in Italy` })));
|
|
|
10775
10781
|
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
10782
|
const { popupDetailData } = useSxpDataSource();
|
|
10777
10783
|
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 :
|
|
10784
|
+
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
10785
|
React.createElement("iframe", { src: iframeUrl, style: {
|
|
10780
10786
|
width: '100%',
|
|
10781
10787
|
height: 'calc(100% - 50px)',
|
|
@@ -16016,7 +16022,7 @@ Made in Italy` })));
|
|
|
16016
16022
|
* @Author: binruan@chatlabs.com
|
|
16017
16023
|
* @Date: 2024-01-15 19:03:09
|
|
16018
16024
|
* @LastEditors: binruan@chatlabs.com
|
|
16019
|
-
* @LastEditTime: 2024-08-22
|
|
16025
|
+
* @LastEditTime: 2024-08-22 17:50:06
|
|
16020
16026
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
16021
16027
|
*
|
|
16022
16028
|
*/
|
|
@@ -16192,7 +16198,7 @@ Made in Italy` })));
|
|
|
16192
16198
|
return null;
|
|
16193
16199
|
}
|
|
16194
16200
|
});
|
|
16195
|
-
return !waterFallData ? list.concat([{ loading: true }]) : list;
|
|
16201
|
+
return !waterFallData && !isEditor ? list.concat([{ loading: true }]) : list;
|
|
16196
16202
|
}, [data, activeIndex, waterFallData, isEditor]);
|
|
16197
16203
|
const renderLogo = React.useMemo(() => {
|
|
16198
16204
|
var _a, _b, _c, _d;
|
|
@@ -16356,7 +16362,6 @@ Made in Italy` })));
|
|
|
16356
16362
|
};
|
|
16357
16363
|
const handleScrollEvent = (swiper) => {
|
|
16358
16364
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
16359
|
-
viewTime.current = new Date();
|
|
16360
16365
|
const item = data[swiper.previousIndex];
|
|
16361
16366
|
if (!item)
|
|
16362
16367
|
return;
|
|
@@ -16397,6 +16402,7 @@ Made in Italy` })));
|
|
|
16397
16402
|
eventName: 'ProductView'
|
|
16398
16403
|
});
|
|
16399
16404
|
}
|
|
16405
|
+
viewTime.current = new Date();
|
|
16400
16406
|
};
|
|
16401
16407
|
const handleReportProductView = (item) => {
|
|
16402
16408
|
var _a, _b, _c;
|
|
@@ -16406,8 +16412,12 @@ Made in Italy` })));
|
|
|
16406
16412
|
};
|
|
16407
16413
|
React.useEffect(() => {
|
|
16408
16414
|
const item = data[activeIndex];
|
|
16409
|
-
if (openHashtag)
|
|
16415
|
+
if (openHashtag) {
|
|
16410
16416
|
handleReportProductView(item);
|
|
16417
|
+
}
|
|
16418
|
+
else {
|
|
16419
|
+
viewTime.current = new Date();
|
|
16420
|
+
}
|
|
16411
16421
|
}, [openHashtag, data, activeIndex]);
|
|
16412
16422
|
const handleViewImageStartEvent = (activeIndex) => {
|
|
16413
16423
|
var _a, _b, _c, _d, _e, _f;
|