pb-sxp-ui 1.4.1 → 1.4.2
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 +34 -28
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +34 -28
- 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 +34 -28
- 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/Modal/index.js +2 -2
- package/es/core/components/SxpPageRender/PictureGroup/index.js +6 -3
- package/es/core/components/SxpPageRender/index.js +6 -6
- package/es/materials/sxp/popup/CommodityDetail/index.js +5 -5
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +12 -9
- package/lib/core/components/SxpPageRender/Modal/index.js +2 -2
- package/lib/core/components/SxpPageRender/PictureGroup/index.js +6 -3
- package/lib/core/components/SxpPageRender/index.js +6 -6
- package/lib/materials/sxp/popup/CommodityDetail/index.js +5 -5
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +12 -9
- package/package.json +1 -1
package/dist/pb-ui.js
CHANGED
|
@@ -8885,7 +8885,7 @@
|
|
|
8885
8885
|
* @Author: binruan@chatlabs.com
|
|
8886
8886
|
* @Date: 2023-11-02 18:34:34
|
|
8887
8887
|
* @LastEditors: binruan@chatlabs.com
|
|
8888
|
-
* @LastEditTime: 2024-08-
|
|
8888
|
+
* @LastEditTime: 2024-08-30 11:45:21
|
|
8889
8889
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
|
|
8890
8890
|
*
|
|
8891
8891
|
*/
|
|
@@ -9004,9 +9004,9 @@
|
|
|
9004
9004
|
width: `calc(100% - ${((_r = (_q = (_p = (_o = getPopupById === null || getPopupById === void 0 ? void 0 : getPopupById.item) === null || _o === void 0 ? void 0 : _o.props) === null || _p === void 0 ? void 0 : _p.popupBg) === null || _q === void 0 ? void 0 : _q.horizontalMargin) !== null && _r !== void 0 ? _r : 0) * 2}px)`,
|
|
9005
9005
|
height: '100%'
|
|
9006
9006
|
} },
|
|
9007
|
-
React.createElement("div", Object.assign({ className: `modal-container ${isOpen ? 'modal-popIn' : 'modal-popOut'}`, style: Object.assign({ padding, animationDuration: ((_s = popup === null || popup === void 0 ? void 0 : popup.duration) !== null && _s !== void 0 ? _s : 0) / 1000 + 's' }, (isScrollFullScreen && {
|
|
9007
|
+
React.createElement("div", Object.assign({ className: `modal-container ${isOpen ? 'modal-popIn' : 'modal-popOut'}`, style: Object.assign(Object.assign({ padding, animationDuration: ((_s = popup === null || popup === void 0 ? void 0 : popup.duration) !== null && _s !== void 0 ? _s : 0) / 1000 + 's' }, (isScrollFullScreen && {
|
|
9008
9008
|
transform: `translateY(${modalTrans}px)`
|
|
9009
|
-
})), onClick: (e) => {
|
|
9009
|
+
})), { overflow: 'hidden' }), onClick: (e) => {
|
|
9010
9010
|
e.stopPropagation();
|
|
9011
9011
|
e.preventDefault();
|
|
9012
9012
|
} }, (isScrollFullScreen && {
|
|
@@ -9190,7 +9190,7 @@
|
|
|
9190
9190
|
var CommodityGroup$1 = React.memo(CommodityGroup);
|
|
9191
9191
|
|
|
9192
9192
|
const CommodityDetail$1 = (_a) => {
|
|
9193
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
9193
|
+
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;
|
|
9194
9194
|
var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel, iframeBgColor } = _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", "iframeBgColor"]);
|
|
9195
9195
|
const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
|
|
9196
9196
|
const { jumpToWeb, productView } = useEventReport();
|
|
@@ -9321,7 +9321,7 @@
|
|
|
9321
9321
|
clickableClass: getDotsAlign
|
|
9322
9322
|
}, loop: true, autoplay: {
|
|
9323
9323
|
delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
|
|
9324
|
-
}, ref: ref, className: css.css(Object.assign(Object.assign({ '.swiper-pagination':
|
|
9324
|
+
}, ref: ref, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': { bottom: (_x = swiper === null || swiper === void 0 ? void 0 : swiper.dotsMarginBottom) !== null && _x !== void 0 ? _x : 0, fontSize: '14px' } }, ((swiper === null || swiper === void 0 ? void 0 : swiper.dotsBgColor) && {
|
|
9325
9325
|
'.swiper-pagination-bullet': {
|
|
9326
9326
|
backgroundColor: swiper === null || swiper === void 0 ? void 0 : swiper.dotsBgColor,
|
|
9327
9327
|
opacity: 1
|
|
@@ -9332,7 +9332,7 @@
|
|
|
9332
9332
|
opacity: 1
|
|
9333
9333
|
}
|
|
9334
9334
|
}))) },
|
|
9335
|
-
React.createElement(React.Fragment, null, (
|
|
9335
|
+
React.createElement(React.Fragment, null, (_y = product === null || product === void 0 ? void 0 : product.homePage) === null || _y === void 0 ? void 0 : _y.map((src) => {
|
|
9336
9336
|
var _a;
|
|
9337
9337
|
return (React.createElement(SwiperSlide, { key: src },
|
|
9338
9338
|
React.createElement("div", { style: {
|
|
@@ -9348,7 +9348,7 @@
|
|
|
9348
9348
|
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
|
|
9349
9349
|
}, 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 }))));
|
|
9350
9350
|
})))),
|
|
9351
|
-
!((
|
|
9351
|
+
!((_z = product === null || product === void 0 ? void 0 : product.homePage) === null || _z === void 0 ? void 0 : _z.length) && (React.createElement("div", { className: css.css({
|
|
9352
9352
|
height,
|
|
9353
9353
|
width
|
|
9354
9354
|
}) },
|
|
@@ -9356,7 +9356,7 @@
|
|
|
9356
9356
|
objectFit: 'cover',
|
|
9357
9357
|
width: '100%',
|
|
9358
9358
|
height: '100%'
|
|
9359
|
-
}), src: (
|
|
9359
|
+
}), src: (_0 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _0 !== void 0 ? _0 : bottom_image, alt: 'pdp image' }))),
|
|
9360
9360
|
(iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
|
|
9361
9361
|
display: 'flex',
|
|
9362
9362
|
alignItems: 'center',
|
|
@@ -10070,7 +10070,7 @@
|
|
|
10070
10070
|
];
|
|
10071
10071
|
|
|
10072
10072
|
const CommodityDetailDiroNew$1 = (_a) => {
|
|
10073
|
-
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;
|
|
10073
|
+
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;
|
|
10074
10074
|
var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel, iframeBgColor } = _a, props = __rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel", "iframeBgColor"]);
|
|
10075
10075
|
React.useState(true);
|
|
10076
10076
|
const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
|
|
@@ -10232,7 +10232,10 @@ Made in Italy` })));
|
|
|
10232
10232
|
clickableClass: getDotsAlign
|
|
10233
10233
|
}, loop: true, autoplay: {
|
|
10234
10234
|
delay: (swiper === null || swiper === void 0 ? void 0 : swiper.delay) * 1000
|
|
10235
|
-
}, ref: ref, className: css.css(Object.assign(Object.assign({ '.swiper-pagination':
|
|
10235
|
+
}, ref: ref, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
|
|
10236
|
+
bottom: (_x = swiper === null || swiper === void 0 ? void 0 : swiper.dotsMarginBottom) !== null && _x !== void 0 ? _x : 0,
|
|
10237
|
+
fontSize: '14px'
|
|
10238
|
+
} }, ((swiper === null || swiper === void 0 ? void 0 : swiper.dotsBgColor) && {
|
|
10236
10239
|
'.swiper-pagination-bullet': {
|
|
10237
10240
|
backgroundColor: swiper === null || swiper === void 0 ? void 0 : swiper.dotsBgColor,
|
|
10238
10241
|
opacity: 1
|
|
@@ -10242,7 +10245,7 @@ Made in Italy` })));
|
|
|
10242
10245
|
backgroundColor: `${swiper === null || swiper === void 0 ? void 0 : swiper.dotsActiveColor}!important`,
|
|
10243
10246
|
opacity: 1
|
|
10244
10247
|
}
|
|
10245
|
-
}))) }, (
|
|
10248
|
+
}))) }, (_y = product === null || product === void 0 ? void 0 : product.homePage) === null || _y === void 0 ? void 0 : _y.map((src) => {
|
|
10246
10249
|
var _a;
|
|
10247
10250
|
return (React.createElement(SwiperSlide, { key: src },
|
|
10248
10251
|
React.createElement("div", { style: {
|
|
@@ -10258,7 +10261,7 @@ Made in Italy` })));
|
|
|
10258
10261
|
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
|
|
10259
10262
|
}, 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 }))));
|
|
10260
10263
|
}))),
|
|
10261
|
-
!((
|
|
10264
|
+
!((_z = product === null || product === void 0 ? void 0 : product.homePage) === null || _z === void 0 ? void 0 : _z.length) && (React.createElement("div", { className: css.css({
|
|
10262
10265
|
height,
|
|
10263
10266
|
width
|
|
10264
10267
|
}) },
|
|
@@ -10266,7 +10269,7 @@ Made in Italy` })));
|
|
|
10266
10269
|
objectFit: 'cover',
|
|
10267
10270
|
width: '100%',
|
|
10268
10271
|
height: '100%'
|
|
10269
|
-
}), src: (
|
|
10272
|
+
}), src: (_0 = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _0 !== void 0 ? _0 : bottom_image, alt: 'pdp image' }))),
|
|
10270
10273
|
(iframeUrl || !product) && iframeIcon && (React.createElement("div", { style: {
|
|
10271
10274
|
display: 'flex',
|
|
10272
10275
|
alignItems: 'center',
|
|
@@ -10283,7 +10286,7 @@ Made in Italy` })));
|
|
|
10283
10286
|
React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
|
|
10284
10287
|
React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
|
|
10285
10288
|
React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title), dangerouslySetInnerHTML: {
|
|
10286
|
-
__html: setFontForText((
|
|
10289
|
+
__html: setFontForText((_1 = product === null || product === void 0 ? void 0 : product.title) !== null && _1 !== void 0 ? _1 : 'Large Dior Toujours BagLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title)
|
|
10287
10290
|
} }),
|
|
10288
10291
|
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: {
|
|
10289
10292
|
__html: setFontForText((product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage CalfskinLarge', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection)
|
|
@@ -10293,11 +10296,11 @@ Made in Italy` })));
|
|
|
10293
10296
|
__html: setFontForText(priceText, commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
|
|
10294
10297
|
} }),
|
|
10295
10298
|
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: {
|
|
10296
|
-
__html: setFontForText((
|
|
10299
|
+
__html: setFontForText((_2 = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _2 !== void 0 ? _2 : '税费', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo)
|
|
10297
10300
|
} }))),
|
|
10298
|
-
(!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (
|
|
10301
|
+
(!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_3 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _3 !== void 0 ? _3 : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle },
|
|
10299
10302
|
React.createElement("span", { dangerouslySetInnerHTML: {
|
|
10300
|
-
__html: setFontForText((
|
|
10303
|
+
__html: setFontForText((_4 = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _4 !== void 0 ? _4 : 'Shop now', buttonStyle)
|
|
10301
10304
|
} }))),
|
|
10302
10305
|
productInfoText({ isPost }))),
|
|
10303
10306
|
React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) },
|
|
@@ -15851,11 +15854,11 @@ Made in Italy` })));
|
|
|
15851
15854
|
* @Author: lewinlu@chatlabs.com
|
|
15852
15855
|
* @Date: 2024-01-03 14:39:09
|
|
15853
15856
|
* @LastEditors: binruan@chatlabs.com
|
|
15854
|
-
* @LastEditTime: 2024-08-
|
|
15857
|
+
* @LastEditTime: 2024-08-30 13:58:51
|
|
15855
15858
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\index.tsx
|
|
15856
15859
|
*/
|
|
15857
15860
|
const PictureGroup$2 = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent, imgUrlsPostConfig }) => {
|
|
15858
|
-
var _a;
|
|
15861
|
+
var _a, _b;
|
|
15859
15862
|
const ref = React.useRef();
|
|
15860
15863
|
const { isActive } = useSwiperSlide();
|
|
15861
15864
|
const { sxpParameter, openHashtag } = useSxpDataSource();
|
|
@@ -15885,7 +15888,10 @@ Made in Italy` })));
|
|
|
15885
15888
|
return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: {
|
|
15886
15889
|
clickable: true,
|
|
15887
15890
|
bulletActiveClass: 'swipe-item-active-bullet'
|
|
15888
|
-
}, className: css.css(Object.assign(Object.assign({ '.swiper-pagination':
|
|
15891
|
+
}, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
|
|
15892
|
+
bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0,
|
|
15893
|
+
fontSize: '14px'
|
|
15894
|
+
} }, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor) && {
|
|
15889
15895
|
'.swiper-pagination-bullet': {
|
|
15890
15896
|
backgroundColor: imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor,
|
|
15891
15897
|
opacity: 1
|
|
@@ -15895,7 +15901,7 @@ Made in Italy` })));
|
|
|
15895
15901
|
backgroundColor: `${imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsActiveColor}!important`,
|
|
15896
15902
|
opacity: 1
|
|
15897
15903
|
}
|
|
15898
|
-
}))), height: height, loop: true, autoplay: { delay: ((
|
|
15904
|
+
}))), height: height, loop: true, autoplay: { delay: ((_b = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _b !== void 0 ? _b : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
|
|
15899
15905
|
return (React.createElement(SwiperSlide, { key: index },
|
|
15900
15906
|
React.createElement(Picture, { src: !isLoad && index > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
|
|
15901
15907
|
})));
|
|
@@ -16149,12 +16155,12 @@ Made in Italy` })));
|
|
|
16149
16155
|
* @Author: binruan@chatlabs.com
|
|
16150
16156
|
* @Date: 2024-01-15 19:03:09
|
|
16151
16157
|
* @LastEditors: binruan@chatlabs.com
|
|
16152
|
-
* @LastEditTime: 2024-08-
|
|
16158
|
+
* @LastEditTime: 2024-08-30 11:42:11
|
|
16153
16159
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
16154
16160
|
*
|
|
16155
16161
|
*/
|
|
16156
16162
|
const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.innerHeight, containerWidth = window.innerWidth, tempMap, resolver, data = [], ctaType, tipText, nudge, _schema, hashTagStyle, tagList = [], licenseUrl }) => {
|
|
16157
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j
|
|
16163
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
16158
16164
|
const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png');
|
|
16159
16165
|
const unmutedIcon = useIconLink('/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png');
|
|
16160
16166
|
const { schema } = useEditor();
|
|
@@ -16616,8 +16622,8 @@ Made in Italy` })));
|
|
|
16616
16622
|
isReload,
|
|
16617
16623
|
renderToggleButton
|
|
16618
16624
|
]);
|
|
16619
|
-
return (React.createElement("div", { id: 'sxp-render', className: 'clc-sxp-container', style: {
|
|
16620
|
-
waterFallData && (React.createElement(Navbar$1, { icon: img, styles: { background: 'rgba(0,0,0,.3)', color: '#fff' }, textStyle: Object.assign(Object.assign({}, (
|
|
16625
|
+
return (React.createElement("div", { id: 'sxp-render', className: 'clc-sxp-container', style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
|
|
16626
|
+
waterFallData && (React.createElement(Navbar$1, { icon: img, styles: { background: 'rgba(0,0,0,.3)', color: '#fff' }, textStyle: Object.assign(Object.assign({}, (_e = (_d = (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.textStyles) === null || _e === void 0 ? void 0 : _e.hashTagTitle), { color: '#fff' }), onClose: () => {
|
|
16621
16627
|
const isEq = lodash.isEqual(rtcList, cacheRtcList);
|
|
16622
16628
|
if (!isEq && cacheRtcList && (cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.length)) {
|
|
16623
16629
|
setRtcList === null || setRtcList === void 0 ? void 0 : setRtcList(cacheRtcList);
|
|
@@ -16628,7 +16634,7 @@ Made in Italy` })));
|
|
|
16628
16634
|
React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex, style: {
|
|
16629
16635
|
top: minusHeight
|
|
16630
16636
|
} }),
|
|
16631
|
-
isShowFingerTip ? (React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 - ((
|
|
16637
|
+
isShowFingerTip ? (React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 - ((_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipOffset) !== null && _f !== void 0 ? _f : 0)}%` }, duration: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swiperTipAniDur })) : null,
|
|
16632
16638
|
React.createElement(Swiper, { style: {
|
|
16633
16639
|
marginTop: tagHeight
|
|
16634
16640
|
}, ref: swiperRef, onSlideChange: () => {
|
|
@@ -16651,7 +16657,7 @@ Made in Italy` })));
|
|
|
16651
16657
|
var _a;
|
|
16652
16658
|
setIsLoadMore(false);
|
|
16653
16659
|
if (res && ((_a = res === null || res === void 0 ? void 0 : res.recList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
16654
|
-
setPageNum(
|
|
16660
|
+
setPageNum(pageNum + 1);
|
|
16655
16661
|
}
|
|
16656
16662
|
});
|
|
16657
16663
|
}
|
|
@@ -16660,7 +16666,7 @@ Made in Italy` })));
|
|
|
16660
16666
|
renderLikeButton(visList[activeIndex], activeIndex, !!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconFixed)),
|
|
16661
16667
|
renderToggleButton(!!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconFixed)),
|
|
16662
16668
|
renderView),
|
|
16663
|
-
React.createElement(WaterFall$1, Object.assign({}, (
|
|
16669
|
+
React.createElement(WaterFall$1, Object.assign({}, (_j = (_h = (_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.props))));
|
|
16664
16670
|
};
|
|
16665
16671
|
|
|
16666
16672
|
const PictureGroup = ({ imgUrls, width, height, imgUrlsPostConfig, rec, index }) => {
|