pb-sxp-ui 1.0.103 → 1.0.105
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 +22 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +3 -3
- package/dist/index.js +22 -16
- 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 +22 -16
- 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/Navbar.js +1 -1
- package/es/core/components/SxpPageRender/WaterFall/List.js +1 -1
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
- package/es/core/components/SxpPageRender/index.d.ts +1 -0
- package/es/core/components/SxpPageRender/index.js +3 -3
- package/es/materials/sxp/HashTag/material.js +2 -1
- package/es/materials/sxp/popup/CommodityDetail/index.js +1 -1
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
- package/es/materials/sxp/template/Link/index.js +2 -2
- package/es/materials/sxp/template/components/Img.js +1 -1
- package/es/materials/sxp/template/components/settingRender.js +5 -0
- package/lib/core/components/SxpPageRender/Navbar.js +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/List.js +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
- package/lib/core/components/SxpPageRender/index.d.ts +1 -0
- package/lib/core/components/SxpPageRender/index.js +3 -3
- package/lib/materials/sxp/HashTag/material.js +2 -1
- package/lib/materials/sxp/popup/CommodityDetail/index.js +1 -1
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
- package/lib/materials/sxp/template/Link/index.js +2 -2
- package/lib/materials/sxp/template/components/Img.js +1 -1
- package/lib/materials/sxp/template/components/settingRender.js +5 -0
- package/package.json +1 -1
package/dist/pb-ui.js
CHANGED
@@ -8821,7 +8821,7 @@
|
|
8821
8821
|
width: '100%',
|
8822
8822
|
objectFit: 'cover',
|
8823
8823
|
display: 'block',
|
8824
|
-
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ?
|
8824
|
+
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
|
8825
8825
|
}, src: src }))));
|
8826
8826
|
}))),
|
8827
8827
|
!((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
|
@@ -9418,7 +9418,7 @@ Made in Italy` })));
|
|
9418
9418
|
width: '100%',
|
9419
9419
|
objectFit: 'cover',
|
9420
9420
|
display: 'block',
|
9421
|
-
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ?
|
9421
|
+
objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
|
9422
9422
|
}, src: src }))));
|
9423
9423
|
}))),
|
9424
9424
|
!((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
|
@@ -9530,7 +9530,7 @@ Made in Italy` })));
|
|
9530
9530
|
* @Author: binruan@chatlabs.com
|
9531
9531
|
* @Date: 2024-03-26 16:50:25
|
9532
9532
|
* @LastEditors: binruan@chatlabs.com
|
9533
|
-
* @LastEditTime: 2024-
|
9533
|
+
* @LastEditTime: 2024-07-04 17:47:52
|
9534
9534
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\settingRender.tsx
|
9535
9535
|
*
|
9536
9536
|
*/
|
@@ -9775,6 +9775,11 @@ Made in Italy` })));
|
|
9775
9775
|
label: '对齐',
|
9776
9776
|
type: 'TextAlign',
|
9777
9777
|
name: ['props', 'ctaTempStyles', 'ctaTitle']
|
9778
|
+
},
|
9779
|
+
{
|
9780
|
+
label: '间距',
|
9781
|
+
type: 'TextSpace',
|
9782
|
+
name: ['props', 'ctaTempStyles', 'ctaTitle']
|
9778
9783
|
}
|
9779
9784
|
]
|
9780
9785
|
}
|
@@ -9855,7 +9860,7 @@ Made in Italy` })));
|
|
9855
9860
|
* @Author: binruan@chatlabs.com
|
9856
9861
|
* @Date: 2024-01-16 14:50:13
|
9857
9862
|
* @LastEditors: binruan@chatlabs.com
|
9858
|
-
* @LastEditTime: 2024-
|
9863
|
+
* @LastEditTime: 2024-07-04 18:13:23
|
9859
9864
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
|
9860
9865
|
*
|
9861
9866
|
*/
|
@@ -9876,7 +9881,7 @@ Made in Italy` })));
|
|
9876
9881
|
}, [src]);
|
9877
9882
|
return (React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
|
9878
9883
|
React.createElement("div", { ref: ref, hidden: !src, className: css.css({ width: '100%', height: '100%' }) },
|
9879
|
-
React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ?
|
9884
|
+
React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? translateY + 50 : 50}%` }, style)), src: src }))));
|
9880
9885
|
};
|
9881
9886
|
var Img$1 = React.memo(Img);
|
9882
9887
|
|
@@ -10173,7 +10178,7 @@ Made in Italy` })));
|
|
10173
10178
|
overflow: 'hidden'
|
10174
10179
|
}) },
|
10175
10180
|
React.createElement("div", null,
|
10176
|
-
React.createElement("div", { className:
|
10181
|
+
React.createElement("div", { className: styles$5['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
|
10177
10182
|
__html: setFontForText((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
|
10178
10183
|
} }),
|
10179
10184
|
(customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) && (React.createElement("div", { style: Object.assign(Object.assign({}, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style), { lineHeight: ((_j = customTitle === null || customTitle === void 0 ? void 0 : customTitle.style) === null || _j === void 0 ? void 0 : _j.height) + 'px' }), className: styles$5['one-line-ellipsis'], dangerouslySetInnerHTML: {
|
@@ -11005,7 +11010,7 @@ Made in Italy` })));
|
|
11005
11010
|
* @Author: binruan@chatlabs.com
|
11006
11011
|
* @Date: 2023-12-26 16:11:34
|
11007
11012
|
* @LastEditors: binruan@chatlabs.com
|
11008
|
-
* @LastEditTime: 2024-
|
11013
|
+
* @LastEditTime: 2024-07-04 18:34:18
|
11009
11014
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Navbar.tsx
|
11010
11015
|
*
|
11011
11016
|
*/
|
@@ -11014,7 +11019,7 @@ Made in Italy` })));
|
|
11014
11019
|
const { waterFallData, setOpenHashtag } = useSxpDataSource();
|
11015
11020
|
return (React.createElement("div", { className: 'clc-sxp-nav', style: styles },
|
11016
11021
|
React.createElement("img", { className: 'clc-sxp-nav-left', src: icon, alt: 'back button', onClick: onClose }),
|
11017
|
-
React.createElement("div", { className: 'clc-sxp-nav-title', style: textStyle, dangerouslySetInnerHTML: {
|
11022
|
+
React.createElement("div", { className: 'clc-sxp-nav-title', style: Object.assign(Object.assign({}, textStyle), { paddingLeft: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.textAlign) === 'left' ? '35px' : 0 }), dangerouslySetInnerHTML: {
|
11018
11023
|
__html: setFontForText(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : '标题'}`, textStyle)
|
11019
11024
|
} })));
|
11020
11025
|
};
|
@@ -12609,7 +12614,7 @@ Made in Italy` })));
|
|
12609
12614
|
var _a, _b;
|
12610
12615
|
if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
|
12611
12616
|
reportTagsView();
|
12612
|
-
window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
|
12617
|
+
window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
|
12613
12618
|
}
|
12614
12619
|
};
|
12615
12620
|
return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
@@ -12844,7 +12849,7 @@ Made in Italy` })));
|
|
12844
12849
|
var _a, _b;
|
12845
12850
|
if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
|
12846
12851
|
reportTagsView();
|
12847
|
-
window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
|
12852
|
+
window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
|
12848
12853
|
}
|
12849
12854
|
};
|
12850
12855
|
return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
@@ -12997,7 +13002,7 @@ Made in Italy` })));
|
|
12997
13002
|
* @Author: binruan@chatlabs.com
|
12998
13003
|
* @Date: 2023-07-28 18:29:57
|
12999
13004
|
* @LastEditors: binruan@chatlabs.com
|
13000
|
-
* @LastEditTime: 2024-04
|
13005
|
+
* @LastEditTime: 2024-07-04 18:38:10
|
13001
13006
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\material.tsx
|
13002
13007
|
*
|
13003
13008
|
*/
|
@@ -13017,7 +13022,8 @@ Made in Italy` })));
|
|
13017
13022
|
textStyles: {
|
13018
13023
|
hashTagTitle: {
|
13019
13024
|
fontSize: 16,
|
13020
|
-
color: '#000'
|
13025
|
+
color: '#000',
|
13026
|
+
textAlign: 'center'
|
13021
13027
|
},
|
13022
13028
|
hashTagDesc: {
|
13023
13029
|
fontSize: 12,
|
@@ -13976,7 +13982,7 @@ Made in Italy` })));
|
|
13976
13982
|
* @Author: binruan@chatlabs.com
|
13977
13983
|
* @Date: 2024-01-15 19:03:09
|
13978
13984
|
* @LastEditors: binruan@chatlabs.com
|
13979
|
-
* @LastEditTime: 2024-07-
|
13985
|
+
* @LastEditTime: 2024-07-04 18:04:10
|
13980
13986
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
13981
13987
|
*
|
13982
13988
|
*/
|
@@ -14364,7 +14370,7 @@ Made in Italy` })));
|
|
14364
14370
|
React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex, style: {
|
14365
14371
|
top: minusHeight
|
14366
14372
|
} }),
|
14367
|
-
isShowFingerTip ? (React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50
|
14373
|
+
isShowFingerTip ? (React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 - ((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipOffset) !== null && _a !== void 0 ? _a : 0)}%` } })) : null,
|
14368
14374
|
React.createElement(Swiper, { style: {
|
14369
14375
|
marginTop: tagHeight
|
14370
14376
|
}, ref: swiperRef, onSlideChange: () => {
|
@@ -14389,13 +14395,13 @@ Made in Italy` })));
|
|
14389
14395
|
}
|
14390
14396
|
}
|
14391
14397
|
}, direction: 'vertical', height: height },
|
14392
|
-
React.createElement(ToggleButton$1, { style: {
|
14398
|
+
((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true) && (React.createElement(ToggleButton$1, { style: {
|
14393
14399
|
position: 'fixed',
|
14394
14400
|
visibility: ((_c = (_b = data === null || data === void 0 ? void 0 : data[activeIndex]) === null || _b === void 0 ? void 0 : _b.video) === null || _c === void 0 ? void 0 : _c.url) ? 'visible' : 'hidden',
|
14395
14401
|
zIndex: 999,
|
14396
14402
|
[(_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconXPosit) !== null && _d !== void 0 ? _d : 'right']: (_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconX) !== null && _e !== void 0 ? _e : 0,
|
14397
14403
|
[(_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconYPosit) !== null && _f !== void 0 ? _f : 'bottom']: (_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconY) !== null && _g !== void 0 ? _g : 23
|
14398
|
-
}, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted }),
|
14404
|
+
}, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted })),
|
14399
14405
|
renderView),
|
14400
14406
|
React.createElement(WaterFall$1, Object.assign({}, (_k = (_j = (_h = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.item) === null || _k === void 0 ? void 0 : _k.props))));
|
14401
14407
|
};
|