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.cjs
CHANGED
|
@@ -743,7 +743,16 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
743
743
|
// 获取推荐视频数据
|
|
744
744
|
const getRecommendVideos = React.useCallback((query) => __awaiter(void 0, void 0, void 0, function* () {
|
|
745
745
|
var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
746
|
-
query =
|
|
746
|
+
query = {
|
|
747
|
+
maxSize: (_d = query === null || query === void 0 ? void 0 : query.maxSize) !== null && _d !== void 0 ? _d : maxSize,
|
|
748
|
+
defaultSize: (_e = query === null || query === void 0 ? void 0 : query.defaultSize) !== null && _e !== void 0 ? _e : defaultSize,
|
|
749
|
+
hashTag: query === null || query === void 0 ? void 0 : query.hashTag,
|
|
750
|
+
traceInfo: query === null || query === void 0 ? void 0 : query.traceInfo,
|
|
751
|
+
themeTag: query === null || query === void 0 ? void 0 : query.themeTag,
|
|
752
|
+
pageNum: query === null || query === void 0 ? void 0 : query.pageNum,
|
|
753
|
+
contentFilter: query === null || query === void 0 ? void 0 : query.contentFilter,
|
|
754
|
+
productFilter: query === null || query === void 0 ? void 0 : query.productFilter
|
|
755
|
+
};
|
|
747
756
|
if (utmVal) {
|
|
748
757
|
const val = (_h = (_g = (_f = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _f === void 0 ? void 0 : _f.filter((val) => {
|
|
749
758
|
var _a, _b;
|
|
@@ -764,7 +773,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
764
773
|
const recurveRecList = (query) => __awaiter(void 0, void 0, void 0, function* () {
|
|
765
774
|
var _t, _u, _v, _w, _x, _y;
|
|
766
775
|
query.pageNum = pageNum;
|
|
767
|
-
result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: '
|
|
776
|
+
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
|
}
|
|
@@ -786,7 +795,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
786
795
|
if (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) {
|
|
787
796
|
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 });
|
|
788
797
|
}
|
|
789
|
-
const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: '
|
|
798
|
+
const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'POST', body: query }));
|
|
790
799
|
if (!(result === null || result === void 0 ? void 0 : result.success)) {
|
|
791
800
|
return undefined;
|
|
792
801
|
}
|
|
@@ -809,7 +818,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
809
818
|
return;
|
|
810
819
|
}
|
|
811
820
|
const lastItem = rtcList === null || rtcList === void 0 ? void 0 : rtcList[(rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) - 1];
|
|
812
|
-
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 })));
|
|
821
|
+
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 })));
|
|
813
822
|
setRtcList(rtcList.concat(getFilterRecList(data)));
|
|
814
823
|
setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
|
|
815
824
|
return data;
|
|
@@ -12278,9 +12287,9 @@ const EventProvider = (_a) => {
|
|
|
12278
12287
|
const { jumpToWeb } = useEventReport();
|
|
12279
12288
|
const [element, setElement] = React.useState(null);
|
|
12280
12289
|
const handleClick = lodash.throttle((event) => {
|
|
12281
|
-
var _a, _b, _c, _d, _e, _f
|
|
12290
|
+
var _a, _b, _c, _d, _e, _f;
|
|
12282
12291
|
event.preventDefault();
|
|
12283
|
-
const item =
|
|
12292
|
+
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;
|
|
12284
12293
|
ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
|
|
12285
12294
|
eventSubject: 'clickCta',
|
|
12286
12295
|
eventDescription: 'User clicked the CTA'
|
|
@@ -12289,10 +12298,10 @@ const EventProvider = (_a) => {
|
|
|
12289
12298
|
? 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 }));
|
|
12290
12299
|
setElement(ref === null || ref === void 0 ? void 0 : ref.current);
|
|
12291
12300
|
if (isExternalLink) {
|
|
12292
|
-
const link = ((
|
|
12301
|
+
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);
|
|
12293
12302
|
if (jumpLink || link) {
|
|
12294
|
-
const cta = ((
|
|
12295
|
-
const product = ((
|
|
12303
|
+
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);
|
|
12304
|
+
const product = ((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.bindProduct) || multItem;
|
|
12296
12305
|
jumpToWeb(rec, product, cta, index);
|
|
12297
12306
|
window.location.href = window.getJointUtmLink(jumpLink || link || '');
|
|
12298
12307
|
}
|
|
@@ -12907,7 +12916,7 @@ const MultiCommodityDiro$1 = (_a) => {
|
|
|
12907
12916
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
12908
12917
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
12909
12918
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
12910
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multiCheckIndex: itemIndex }, props),
|
|
12919
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
|
12911
12920
|
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 }),
|
|
12912
12921
|
React.createElement("div", { className: css.css({
|
|
12913
12922
|
color: '#000',
|
|
@@ -13006,7 +13015,7 @@ const MultiCommodity$1 = (_a) => {
|
|
|
13006
13015
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
13007
13016
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
13008
13017
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
13009
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multiCheckIndex: itemIndex }, props),
|
|
13018
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
|
13010
13019
|
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 }),
|
|
13011
13020
|
React.createElement("div", { className: css.css({
|
|
13012
13021
|
color: '#fff',
|
|
@@ -13113,7 +13122,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
|
|
|
13113
13122
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
13114
13123
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
13115
13124
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
13116
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multiCheckIndex: itemIndex }, props),
|
|
13125
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
|
13117
13126
|
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 }),
|
|
13118
13127
|
React.createElement("div", { className: css.css({
|
|
13119
13128
|
color: '#fff',
|