pb-sxp-ui 1.10.7 → 1.10.9
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 +11 -32
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +11 -32
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +4 -4
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +11 -32
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +4 -4
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
- package/es/core/components/SxpPageRender/WaterFall/index.js +1 -2
- package/es/core/context/SxpDataSourceProvider.js +3 -16
- package/es/materials/sxp/MultiPosts/settingRender.d.ts +4 -0
- package/es/materials/sxp/MultiPosts/settingRender.js +3 -2
- package/es/materials/sxp/template/components/EventProvider.js +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/index.js +1 -2
- package/lib/core/context/SxpDataSourceProvider.js +3 -16
- package/lib/materials/sxp/MultiPosts/settingRender.d.ts +4 -0
- package/lib/materials/sxp/MultiPosts/settingRender.js +3 -2
- package/lib/materials/sxp/template/components/EventProvider.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -849,7 +849,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
849
849
|
};
|
850
850
|
}
|
851
851
|
const sessionID = storeAndLoadFeSessionId();
|
852
|
-
const ef = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), eventInfo), (getDevice$1() && { sxpDevice: getDevice$1() })), (getSystem() && { sxpSystem: getSystem() })), (getBrowserInfo() && { sxpBrowser: getBrowserInfo() })), (
|
852
|
+
const ef = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), (layoutVariantId && reportLayId && { layoutVariantId })), eventInfo), (getDevice$1() && { sxpDevice: getDevice$1() })), (getSystem() && { sxpSystem: getSystem() })), (getBrowserInfo() && { sxpBrowser: getBrowserInfo() })), ((eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) && channel && { position: Number(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) + 1 + '' }));
|
853
853
|
const realUserInfo = Object.entries(userInfo).map(([k, v]) => ({ name: k, value: v }));
|
854
854
|
const realEventInfo = Object.entries(ef)
|
855
855
|
.map(([k, v]) => v && { name: k, value: v })
|
@@ -1073,23 +1073,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
1073
1073
|
const item = list === null || list === void 0 ? void 0 : list[0];
|
1074
1074
|
const traceInfo = ((_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.traceInfo) || ((_l = item === null || item === void 0 ? void 0 : item.product) === null || _l === void 0 ? void 0 : _l.traceInfo) || '';
|
1075
1075
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
1076
|
-
eventInfo: {
|
1077
|
-
eventSubject: 'multiPostClick',
|
1078
|
-
eventDescription: 'multiPostClick',
|
1079
|
-
traceInfo,
|
1080
|
-
branchfeed: channel
|
1081
|
-
}
|
1076
|
+
eventInfo: Object.assign({ eventSubject: 'multiPostClick', eventDescription: 'multiPostClick', traceInfo, branchfeed: channel }, (layId && { layoutVariantId: layId }))
|
1082
1077
|
});
|
1083
1078
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
1084
|
-
eventInfo: {
|
1085
|
-
eventSubject: 'endMultiPost',
|
1086
|
-
eventDescription: 'endMultiPost',
|
1087
|
-
contentFormat: 'image',
|
1088
|
-
position: '0',
|
1089
|
-
traceInfo,
|
1090
|
-
nextStep: 'multipostClick',
|
1091
|
-
timeOnSite: Math.floor((new Date() - (multiPostTimeRef === null || multiPostTimeRef === void 0 ? void 0 : multiPostTimeRef.current)) / 1000) + ''
|
1092
|
-
}
|
1079
|
+
eventInfo: Object.assign({ eventSubject: 'endMultiPost', eventDescription: 'endMultiPost', contentFormat: 'image', position: '0', traceInfo, nextStep: 'multipostClick', timeOnSite: Math.floor((new Date() - (multiPostTimeRef === null || multiPostTimeRef === void 0 ? void 0 : multiPostTimeRef.current)) / 1000) + '' }, (layId && { layoutVariantId: layId }))
|
1093
1080
|
});
|
1094
1081
|
}
|
1095
1082
|
}
|
@@ -12389,7 +12376,7 @@ const EventProvider = (_a) => {
|
|
12389
12376
|
eventSubject: 'clickCta',
|
12390
12377
|
eventDescription: 'User clicked the CTA'
|
12391
12378
|
}, rec, item, index);
|
12392
|
-
setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(multItem && multiCheckIndex
|
12379
|
+
setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(multItem && multiCheckIndex !== undefined && multiCheckIndex >= 0
|
12393
12380
|
? 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 }));
|
12394
12381
|
setElement(ref === null || ref === void 0 ? void 0 : ref.current);
|
12395
12382
|
if (isExternalLink) {
|
@@ -14913,7 +14900,7 @@ const WaterfallFlowItem$1 = (props) => {
|
|
14913
14900
|
const imgLoad = useCallback((img) => {
|
14914
14901
|
setTimeout(() => {
|
14915
14902
|
var _a;
|
14916
|
-
const height = (_a = pictRef === null || pictRef === void 0 ? void 0 : pictRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
|
14903
|
+
const height = (img === null || img === void 0 ? void 0 : img.clientHeight) || ((_a = pictRef === null || pictRef === void 0 ? void 0 : pictRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
|
14917
14904
|
// 加56是因为下方文字部分高度为56,可以自己设置
|
14918
14905
|
sizeChange(height + 56 + space, index);
|
14919
14906
|
}, 0);
|
@@ -15403,7 +15390,7 @@ function WaterfallList(_a) {
|
|
15403
15390
|
* @Author: binruan@chatlabs.com
|
15404
15391
|
* @Date: 2024-01-10 10:58:24
|
15405
15392
|
* @LastEditors: binruan@chatlabs.com
|
15406
|
-
* @LastEditTime: 2024-
|
15393
|
+
* @LastEditTime: 2024-12-09 11:18:32
|
15407
15394
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
|
15408
15395
|
*
|
15409
15396
|
*/
|
@@ -15411,7 +15398,6 @@ const WaterFall = (props) => {
|
|
15411
15398
|
var _a;
|
15412
15399
|
const { waterFallData, setOpenHashtag, openHashtag, swiperRef, setWaterFallData, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, setCacheRtcList, setIsFromHashtag, isFromHashtag, bffEventReport, themeTag, selectTag, bffFbReport } = useSxpDataSource();
|
15413
15400
|
const { backMainFeed } = useEventReport();
|
15414
|
-
useRef(null);
|
15415
15401
|
const modalEleRef = useRef(null);
|
15416
15402
|
const [viewTime, setViewTime] = useState();
|
15417
15403
|
useEffect(() => {
|
@@ -15428,20 +15414,12 @@ const WaterFall = (props) => {
|
|
15428
15414
|
}, []);
|
15429
15415
|
const handleClose = () => {
|
15430
15416
|
var _a, _b;
|
15431
|
-
// const isEq = isEqual(rtcList, cacheRtcList);
|
15432
|
-
// if (!isEq && cacheRtcList && cacheRtcList?.length) {
|
15433
|
-
// setRtcList?.(cacheRtcList);
|
15434
|
-
// }
|
15435
15417
|
backMainFeed('branch', selectTag, undefined, waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag);
|
15436
15418
|
reportTagsView();
|
15437
15419
|
setWaterFallData === null || setWaterFallData === void 0 ? void 0 : setWaterFallData(undefined);
|
15438
15420
|
setIsFromHashtag === null || setIsFromHashtag === void 0 ? void 0 : setIsFromHashtag(false);
|
15439
|
-
// setTimeout(() => {
|
15440
|
-
// if (!isEq) {
|
15441
15421
|
(_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(cacheActiveIndex, 0, false);
|
15442
|
-
// }
|
15443
15422
|
setOpenHashtag === null || setOpenHashtag === void 0 ? void 0 : setOpenHashtag(false);
|
15444
|
-
// }, 0);
|
15445
15423
|
};
|
15446
15424
|
const [recData, setRecData] = useState();
|
15447
15425
|
useEffect(() => {
|
@@ -15506,7 +15484,7 @@ const WaterFall = (props) => {
|
|
15506
15484
|
display: openHashtag ? 'block' : 'none'
|
15507
15485
|
} },
|
15508
15486
|
React.createElement(Navbar$1, { icon: img$4, styles: { top: '32px' }, textStyle: (_a = props === null || props === void 0 ? void 0 : props.textStyles) === null || _a === void 0 ? void 0 : _a.hashTagTitle, onClose: handleClose }),
|
15509
|
-
(props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ reportTagsView: reportTagsView }, props)))), modalEleRef.current);
|
15487
|
+
(props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
|
15510
15488
|
};
|
15511
15489
|
var WaterFall$1 = memo(WaterFall);
|
15512
15490
|
|
@@ -16745,7 +16723,7 @@ const Display = createMaterial(DisplayComponent, {
|
|
16745
16723
|
* @Author: binruan@chatlabs.com
|
16746
16724
|
* @Date: 2024-06-13 10:08:32
|
16747
16725
|
* @LastEditors: binruan@chatlabs.com
|
16748
|
-
* @LastEditTime: 2024-
|
16726
|
+
* @LastEditTime: 2024-12-10 13:55:37
|
16749
16727
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\MultiPosts\settingRender.tsx
|
16750
16728
|
*
|
16751
16729
|
*/
|
@@ -16756,7 +16734,8 @@ var settingRender = [
|
|
16756
16734
|
{
|
16757
16735
|
label: '背景图',
|
16758
16736
|
type: 'Upload',
|
16759
|
-
name: ['props', 'bgImgUrl']
|
16737
|
+
name: ['props', 'bgImgUrl'],
|
16738
|
+
text: '建议尺寸:720 * 1280'
|
16760
16739
|
},
|
16761
16740
|
{
|
16762
16741
|
type: 'Group',
|
@@ -16829,7 +16808,7 @@ var settingRender = [
|
|
16829
16808
|
]
|
16830
16809
|
},
|
16831
16810
|
{
|
16832
|
-
title: '按钮设置',
|
16811
|
+
title: '按钮设置 (建议尺寸:500 * 500)',
|
16833
16812
|
child: [
|
16834
16813
|
{
|
16835
16814
|
type: 'Group',
|