pb-sxp-ui 1.9.5 → 1.9.8
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 +21 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +21 -12
- 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 +21 -12
- 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/context/SxpDataSourceProvider.d.ts +2 -2
- package/es/core/context/SxpDataSourceProvider.js +13 -4
- package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
- package/es/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
- package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
- package/es/materials/sxp/template/components/EventProvider.js +5 -5
- package/lib/core/context/SxpDataSourceProvider.d.ts +2 -2
- package/lib/core/context/SxpDataSourceProvider.js +13 -4
- package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
- package/lib/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
- package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
- package/lib/materials/sxp/template/components/EventProvider.js +5 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -721,7 +721,16 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
721
721
|
// 获取推荐视频数据
|
|
722
722
|
const getRecommendVideos = useCallback((query) => __awaiter(void 0, void 0, void 0, function* () {
|
|
723
723
|
var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
724
|
-
query =
|
|
724
|
+
query = {
|
|
725
|
+
maxSize: (_d = query === null || query === void 0 ? void 0 : query.maxSize) !== null && _d !== void 0 ? _d : maxSize,
|
|
726
|
+
defaultSize: (_e = query === null || query === void 0 ? void 0 : query.defaultSize) !== null && _e !== void 0 ? _e : defaultSize,
|
|
727
|
+
hashTag: query === null || query === void 0 ? void 0 : query.hashTag,
|
|
728
|
+
traceInfo: query === null || query === void 0 ? void 0 : query.traceInfo,
|
|
729
|
+
themeTag: query === null || query === void 0 ? void 0 : query.themeTag,
|
|
730
|
+
pageNum: query === null || query === void 0 ? void 0 : query.pageNum,
|
|
731
|
+
contentFilter: query === null || query === void 0 ? void 0 : query.contentFilter,
|
|
732
|
+
productFilter: query === null || query === void 0 ? void 0 : query.productFilter
|
|
733
|
+
};
|
|
725
734
|
if (utmVal) {
|
|
726
735
|
const val = (_h = (_g = (_f = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _f === void 0 ? void 0 : _f.filter((val) => {
|
|
727
736
|
var _a, _b;
|
|
@@ -742,7 +751,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
742
751
|
const recurveRecList = (query) => __awaiter(void 0, void 0, void 0, function* () {
|
|
743
752
|
var _t, _u, _v, _w, _x, _y;
|
|
744
753
|
query.pageNum = pageNum;
|
|
745
|
-
result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: '
|
|
754
|
+
result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'POST', body: query }));
|
|
746
755
|
if (!(result === null || result === void 0 ? void 0 : result.success)) {
|
|
747
756
|
return undefined;
|
|
748
757
|
}
|
|
@@ -764,7 +773,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
764
773
|
if (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) {
|
|
765
774
|
query = Object.assign(Object.assign({}, query), { directPage: true, level: 1, pageNum: (_l = query === null || query === void 0 ? void 0 : query.pageNum) !== null && _l !== void 0 ? _l : 1 });
|
|
766
775
|
}
|
|
767
|
-
const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: '
|
|
776
|
+
const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'POST', body: query }));
|
|
768
777
|
if (!(result === null || result === void 0 ? void 0 : result.success)) {
|
|
769
778
|
return undefined;
|
|
770
779
|
}
|
|
@@ -787,7 +796,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
787
796
|
return;
|
|
788
797
|
}
|
|
789
798
|
const lastItem = rtcList === null || rtcList === void 0 ? void 0 : rtcList[(rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) - 1];
|
|
790
|
-
const data = yield getRecommendVideos(Object.assign(Object.assign(Object.assign(Object.assign({ hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag }, (((_z = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _z === void 0 ? void 0 : _z.itemId) && { productFilter: (_0 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _0 === void 0 ? void 0 : _0.itemId })), (((_1 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _1 === void 0 ? void 0 : _1.itemId) && { contentFilter: (_2 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _2 === void 0 ? void 0 : _2.itemId })), { themeTag: themeTag.current }), ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) && !isEditor && { pageNum })));
|
|
799
|
+
const data = yield getRecommendVideos(Object.assign(Object.assign(Object.assign(Object.assign({ hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag }, (((_z = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _z === void 0 ? void 0 : _z.itemId) && { productFilter: [(_0 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _0 === void 0 ? void 0 : _0.itemId] })), (((_1 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _1 === void 0 ? void 0 : _1.itemId) && { contentFilter: [(_2 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _2 === void 0 ? void 0 : _2.itemId] })), { themeTag: themeTag.current }), ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) && !isEditor && { pageNum })));
|
|
791
800
|
setRtcList(rtcList.concat(getFilterRecList(data)));
|
|
792
801
|
setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
|
|
793
802
|
return data;
|
|
@@ -12256,9 +12265,9 @@ const EventProvider = (_a) => {
|
|
|
12256
12265
|
const { jumpToWeb } = useEventReport();
|
|
12257
12266
|
const [element, setElement] = useState(null);
|
|
12258
12267
|
const handleClick = throttle((event) => {
|
|
12259
|
-
var _a, _b, _c, _d, _e, _f
|
|
12268
|
+
var _a, _b, _c, _d, _e, _f;
|
|
12260
12269
|
event.preventDefault();
|
|
12261
|
-
const item =
|
|
12270
|
+
const item = multItem ? multItem : (_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProduct) !== null && _b !== void 0 ? _b : rec === null || rec === void 0 ? void 0 : rec.video;
|
|
12262
12271
|
ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
|
|
12263
12272
|
eventSubject: 'clickCta',
|
|
12264
12273
|
eventDescription: 'User clicked the CTA'
|
|
@@ -12267,10 +12276,10 @@ const EventProvider = (_a) => {
|
|
|
12267
12276
|
? Object.assign(Object.assign({}, rec), { video: Object.assign(Object.assign({}, rec === null || rec === void 0 ? void 0 : rec.video), { bindProduct: multItem }), index, multiCheckIndex }) : Object.assign(Object.assign({}, rec), { index }));
|
|
12268
12277
|
setElement(ref === null || ref === void 0 ? void 0 : ref.current);
|
|
12269
12278
|
if (isExternalLink) {
|
|
12270
|
-
const link = ((
|
|
12279
|
+
const link = ((_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) === null || _d === void 0 ? void 0 : _d.link) || (multItem === null || multItem === void 0 ? void 0 : multItem.link);
|
|
12271
12280
|
if (jumpLink || link) {
|
|
12272
|
-
const cta = ((
|
|
12273
|
-
const product = ((
|
|
12281
|
+
const cta = ((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.bindCta) || (multItem === null || multItem === void 0 ? void 0 : multItem.bindCta);
|
|
12282
|
+
const product = ((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.bindProduct) || multItem;
|
|
12274
12283
|
jumpToWeb(rec, product, cta, index);
|
|
12275
12284
|
window.location.href = window.getJointUtmLink(jumpLink || link || '');
|
|
12276
12285
|
}
|
|
@@ -12885,7 +12894,7 @@ const MultiCommodityDiro$1 = (_a) => {
|
|
|
12885
12894
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
12886
12895
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
12887
12896
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
12888
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multiCheckIndex: itemIndex }, props),
|
|
12897
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
|
12889
12898
|
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: itemIndex, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
|
12890
12899
|
React.createElement("div", { className: css({
|
|
12891
12900
|
color: '#000',
|
|
@@ -12984,7 +12993,7 @@ const MultiCommodity$1 = (_a) => {
|
|
|
12984
12993
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
12985
12994
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
12986
12995
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
12987
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multiCheckIndex: itemIndex }, props),
|
|
12996
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
|
12988
12997
|
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: itemIndex, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
|
12989
12998
|
React.createElement("div", { className: css({
|
|
12990
12999
|
color: '#fff',
|
|
@@ -13091,7 +13100,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
|
|
|
13091
13100
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
13092
13101
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
13093
13102
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
13094
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multiCheckIndex: itemIndex }, props),
|
|
13103
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
|
13095
13104
|
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: itemIndex, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
|
13096
13105
|
React.createElement("div", { className: css({
|
|
13097
13106
|
color: '#fff',
|