pb-sxp-ui 1.7.5 → 1.7.7
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 +45 -47
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +46 -48
- 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 +45 -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/PictureGroup/index.js +1 -1
- package/es/core/components/SxpPageRender/RenderCard.d.ts +1 -0
- package/es/core/components/SxpPageRender/RenderCard.js +15 -39
- package/es/core/components/SxpPageRender/VideoWidget/index.js +1 -1
- package/es/core/components/SxpPageRender/index.js +19 -8
- package/es/core/context/SxpDataSourceProvider.js +8 -1
- package/lib/core/components/SxpPageRender/PictureGroup/index.js +1 -1
- package/lib/core/components/SxpPageRender/RenderCard.d.ts +1 -0
- package/lib/core/components/SxpPageRender/RenderCard.js +15 -39
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +1 -1
- package/lib/core/components/SxpPageRender/index.js +19 -8
- package/lib/core/context/SxpDataSourceProvider.js +8 -1
- package/package.json +1 -1
package/dist/pb-ui.js
CHANGED
|
@@ -820,7 +820,7 @@
|
|
|
820
820
|
!((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _a === void 0 ? void 0 : _a[eventName])) {
|
|
821
821
|
return;
|
|
822
822
|
}
|
|
823
|
-
let jsonParams =
|
|
823
|
+
let jsonParams = lodash.cloneDeep((_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _b === void 0 ? void 0 : _b[eventName]);
|
|
824
824
|
const urlParams = new URLSearchParams(window.location.search);
|
|
825
825
|
const fbclid = urlParams === null || urlParams === void 0 ? void 0 : urlParams.get('fbclid');
|
|
826
826
|
const fix_par = {
|
|
@@ -849,10 +849,16 @@
|
|
|
849
849
|
const matches = value === null || value === void 0 ? void 0 : value.match(regex);
|
|
850
850
|
if (matches) {
|
|
851
851
|
matches.forEach((match) => {
|
|
852
|
+
var _a;
|
|
852
853
|
const prop = match.substring(2, match.length - 2);
|
|
853
854
|
try {
|
|
854
855
|
let replaceValue = new Function('fix_par', 'product', `return ${prop}`)(fix_par, product);
|
|
855
856
|
if (replaceValue) {
|
|
857
|
+
if (prop.indexOf('currency') &&
|
|
858
|
+
(replaceValue === null || replaceValue === void 0 ? void 0 : replaceValue.indexOf('-')) !== -1 &&
|
|
859
|
+
typeof replaceValue === 'string') {
|
|
860
|
+
replaceValue = (_a = replaceValue === null || replaceValue === void 0 ? void 0 : replaceValue.split('-')) === null || _a === void 0 ? void 0 : _a[0];
|
|
861
|
+
}
|
|
856
862
|
obj[key] = replaceValue;
|
|
857
863
|
}
|
|
858
864
|
else {
|
|
@@ -15739,7 +15745,7 @@ Made in Italy` })));
|
|
|
15739
15745
|
position: index + '',
|
|
15740
15746
|
contentFormat: 'video',
|
|
15741
15747
|
traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo,
|
|
15742
|
-
loadTime: (
|
|
15748
|
+
loadTime: (loadedTimeRef === null || loadedTimeRef === void 0 ? void 0 : loadedTimeRef.current) - (initTimeRef === null || initTimeRef === void 0 ? void 0 : initTimeRef.current) + ''
|
|
15743
15749
|
}
|
|
15744
15750
|
});
|
|
15745
15751
|
setIsFirstPlay(false);
|
|
@@ -16126,7 +16132,7 @@ Made in Italy` })));
|
|
|
16126
16132
|
const showFirstImageFn = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
|
|
16127
16133
|
if (!isLoad) {
|
|
16128
16134
|
setImgInfo({
|
|
16129
|
-
loadTime:
|
|
16135
|
+
loadTime: new Date() - initTime + ''
|
|
16130
16136
|
});
|
|
16131
16137
|
setIsLoad(true);
|
|
16132
16138
|
}
|
|
@@ -16282,61 +16288,42 @@ Made in Italy` })));
|
|
|
16282
16288
|
* @Author: binruan@chatlabs.com
|
|
16283
16289
|
* @Date: 2023-12-26 16:11:34
|
|
16284
16290
|
* @LastEditors: binruan@chatlabs.com
|
|
16285
|
-
* @LastEditTime: 2024-10-
|
|
16291
|
+
* @LastEditTime: 2024-10-31 10:30:55
|
|
16286
16292
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\RenderCard.tsx
|
|
16287
16293
|
*
|
|
16288
16294
|
*/
|
|
16289
|
-
const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive }) => {
|
|
16290
|
-
var _a, _b, _c, _d, _e;
|
|
16295
|
+
const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive, value }) => {
|
|
16291
16296
|
const { schema } = useEditor();
|
|
16292
16297
|
if (!(rec === null || rec === void 0 ? void 0 : rec.video))
|
|
16293
16298
|
return null;
|
|
16294
|
-
let cta = null;
|
|
16295
|
-
if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) {
|
|
16296
|
-
cta = '多商品CTA';
|
|
16297
|
-
}
|
|
16298
|
-
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
|
|
16299
|
-
cta = '商品CTA';
|
|
16300
|
-
}
|
|
16301
|
-
else {
|
|
16302
|
-
cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
|
|
16303
|
-
}
|
|
16304
|
-
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
16305
16299
|
const renderComp = React.useMemo(() => {
|
|
16306
|
-
var _a, _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
|
|
16307
|
-
if (!(rec === null || rec === void 0 ? void 0 : rec.video))
|
|
16308
|
-
return null;
|
|
16309
|
-
if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) ;
|
|
16310
|
-
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) ;
|
|
16311
|
-
else {
|
|
16312
|
-
(_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
|
|
16313
|
-
}
|
|
16300
|
+
var _a, _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;
|
|
16314
16301
|
//如果includesCtaType有值，则只渲染includesCtaType包含的cta类型组件，用于在页面某处只显示某一组件
|
|
16315
|
-
if (includesCtaType && !(includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.includes((
|
|
16302
|
+
if (includesCtaType && !(includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.includes((_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type)))
|
|
16316
16303
|
return;
|
|
16317
16304
|
//默认不渲染category为cta类型的组件，该类型的组件只用于某一处
|
|
16318
|
-
if (!includesCtaType && ((
|
|
16305
|
+
if (!includesCtaType && ((_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.category) === 'cta')
|
|
16319
16306
|
return;
|
|
16320
|
-
if ((((
|
|
16321
|
-
(((
|
|
16322
|
-
(((
|
|
16323
|
-
(((
|
|
16324
|
-
(((
|
|
16325
|
-
(((
|
|
16307
|
+
if ((((_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.type) === 'CommodityDiro' && !((_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindProduct)) ||
|
|
16308
|
+
(((_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.type) === 'Commodity' && !((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.bindProduct)) ||
|
|
16309
|
+
(((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.type) === 'CommodityDiroNew' && !((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.bindProduct)) ||
|
|
16310
|
+
(((_j = value === null || value === void 0 ? void 0 : value.item) === null || _j === void 0 ? void 0 : _j.type) === 'MultiCommodity' && !((_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.bindProducts) === null || _l === void 0 ? void 0 : _l.length)) ||
|
|
16311
|
+
(((_m = value === null || value === void 0 ? void 0 : value.item) === null || _m === void 0 ? void 0 : _m.type) === 'MultiCommodityDiro' && !((_p = (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.bindProducts) === null || _p === void 0 ? void 0 : _p.length)) ||
|
|
16312
|
+
(((_q = value === null || value === void 0 ? void 0 : value.item) === null || _q === void 0 ? void 0 : _q.type) === 'MultiCommodityDiroNew' && !((_s = (_r = rec === null || rec === void 0 ? void 0 : rec.video) === null || _r === void 0 ? void 0 : _r.bindProducts) === null || _s === void 0 ? void 0 : _s.length))) {
|
|
16326
16313
|
//
|
|
16327
16314
|
return null;
|
|
16328
16315
|
}
|
|
16329
16316
|
if (value && resolver) {
|
|
16330
|
-
const t = resolver[(
|
|
16317
|
+
const t = resolver[(_t = value === null || value === void 0 ? void 0 : value.item) === null || _t === void 0 ? void 0 : _t.type];
|
|
16331
16318
|
const Component = withBindDataSource(t);
|
|
16332
|
-
const defaulSetting = (
|
|
16333
|
-
const isExternalLink = ((
|
|
16334
|
-
let style = lodash.cloneDeep((
|
|
16319
|
+
const defaulSetting = (_u = t === null || t === void 0 ? void 0 : t.extend) === null || _u === void 0 ? void 0 : _u.defaulSetting;
|
|
16320
|
+
const isExternalLink = ((_x = (_w = (_v = value === null || value === void 0 ? void 0 : value.item) === null || _v === void 0 ? void 0 : _v.event) === null || _w === void 0 ? void 0 : _w.onClick) === null || _x === void 0 ? void 0 : _x.linkType) === 'externalLink';
|
|
16321
|
+
let style = lodash.cloneDeep((_y = value === null || value === void 0 ? void 0 : value.item) === null || _y === void 0 ? void 0 : _y.style);
|
|
16335
16322
|
if (style.hasOwnProperty('backdropFilter')) {
|
|
16336
16323
|
let sbf = style['backdropFilter'];
|
|
16337
16324
|
style['backdropFilter'] = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
|
|
16338
16325
|
}
|
|
16339
|
-
return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (
|
|
16326
|
+
return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
|
|
16340
16327
|
}
|
|
16341
16328
|
else {
|
|
16342
16329
|
return null;
|
|
@@ -16429,7 +16416,7 @@ Made in Italy` })));
|
|
|
16429
16416
|
* @Author: binruan@chatlabs.com
|
|
16430
16417
|
* @Date: 2024-01-15 19:03:09
|
|
16431
16418
|
* @LastEditors: binruan@chatlabs.com
|
|
16432
|
-
* @LastEditTime: 2024-10-
|
|
16419
|
+
* @LastEditTime: 2024-10-31 10:23:31
|
|
16433
16420
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
16434
16421
|
*
|
|
16435
16422
|
*/
|
|
@@ -16668,19 +16655,30 @@ Made in Italy` })));
|
|
|
16668
16655
|
};
|
|
16669
16656
|
}, [isShowMore]);
|
|
16670
16657
|
const renderBottom = React.useCallback((rec, index) => {
|
|
16671
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
16658
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
16672
16659
|
if (rec === null || rec === void 0 ? void 0 : rec.video) {
|
|
16660
|
+
let cta = null;
|
|
16661
|
+
if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) {
|
|
16662
|
+
cta = '多商品CTA';
|
|
16663
|
+
}
|
|
16664
|
+
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
|
|
16665
|
+
cta = '商品CTA';
|
|
16666
|
+
}
|
|
16667
|
+
else {
|
|
16668
|
+
cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
|
|
16669
|
+
}
|
|
16670
|
+
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
16673
16671
|
return (React.createElement(React.Fragment, null,
|
|
16674
|
-
((
|
|
16675
|
-
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(
|
|
16672
|
+
((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
|
|
16673
|
+
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _g !== void 0 ? _g : 40}px` } },
|
|
16676
16674
|
React.createElement(Nudge, { nudge: nudge }),
|
|
16677
16675
|
(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
16678
|
-
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex }))) : null,
|
|
16676
|
+
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
|
|
16679
16677
|
React.createElement("div", null,
|
|
16680
|
-
React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (
|
|
16681
|
-
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex }),
|
|
16682
|
-
React.createElement(Hashtag$1, { index: activeIndex, tags: (
|
|
16683
|
-
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex })));
|
|
16678
|
+
React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_j = (_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
|
|
16679
|
+
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
|
|
16680
|
+
React.createElement(Hashtag$1, { index: activeIndex, tags: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.hashTags) !== null && _l !== void 0 ? _l : [], itemId: (_m = rec === null || rec === void 0 ? void 0 : rec.video) === null || _m === void 0 ? void 0 : _m.itemId, itemType: ((_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
|
|
16681
|
+
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
|
|
16684
16682
|
}
|
|
16685
16683
|
return null;
|
|
16686
16684
|
}, [
|