pb-sxp-ui 1.0.14 → 1.0.16

package/dist/index.css

@@ -1319,6 +1319,7 @@ button.swiper-pagination-bullet {
   bottom: 0;
   left: 0;
   right: 0;
+  padding: 20px 0 20px 0;
 }
 .clc-sxp-bottom-nudge {
   display: -webkit-box;

package/dist/index.js

@@ -369,6 +369,7 @@ const getFeSessionId = () => {
 };
 
 const FAKE_USER_KEY = 'SXP_FAKE_USER_ID';
+const FAKE_USER_STATE = 'FAKE_USER_STATE';
 const storeAndLoadFeUserId = () => {
     let fakeUserId = window.localStorage.getItem(FAKE_USER_KEY);
     if (isEmpty(fakeUserId)) {
@@ -378,8 +379,11 @@ const storeAndLoadFeUserId = () => {
     return fakeUserId;
 };
 const getFeUserId = () => {
-    const fakeUserId = window.localStorage.getItem(FAKE_USER_KEY);
-    return isEmpty(fakeUserId);
+    const fakeUserState = window.localStorage.getItem(FAKE_USER_STATE);
+    if (isEmpty(fakeUserState)) {
+        window.localStorage.setItem(FAKE_USER_STATE, 'true');
+    }
+    return isEmpty(fakeUserState);
 };
 
 /*
@@ -8221,7 +8225,7 @@ var Modal$1 = memo(Modal);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-12-26 16:11:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-16 19:27:48
+ * @LastEditTime: 2024-04-17 10:18:57
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\ExpandableText.tsx
  *
  */
@@ -8250,7 +8254,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
     const multiRow = useRef(null);
     const handleClick = useCallback(() => {
         setIsShowMore(!isShowMore);
-        onChange === null || onChange === void 0 ? void 0 : onChange(!isShowMore);
+        // onChange?.(!isShowMore);
     }, [isShowMore, onChange]);
     useMemo(() => {
         return !isShowMore && text.length > maxStr ? limitTextLastWholeWord(text, maxStr) + '...' : text;
@@ -8277,7 +8281,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
     return (React.createElement("div", { className: className, style: Object.assign({}, style), hidden: !text || text === '' },
         React.createElement("div", { ref: multiRow, style: {
                 overflow: 'hidden',
-                WebkitLineClamp: isShowMore ? '' : lineClamp,
+                WebkitLineClamp: !isPost || isShowMore ? '' : lineClamp,
                 textOverflow: 'ellipsis',
                 display: '-webkit-box',
                 WebkitBoxOrient: 'vertical',
@@ -12217,7 +12221,7 @@ const FingerSwipeTip = ({ imageUrl }) => {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-20 10:27:31
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-15 18:10:26
+ * @LastEditTime: 2024-04-17 10:23:35
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\Picture.tsx
  *
  */
@@ -12226,6 +12230,9 @@ const Picture = (props) => {
     const [blur, setBlur] = useState(false);
     const imgDom = useRef(null);
     const { sxpParameter } = useSxpDataSource();
+    const getAvifToPng = useCallback((src) => {
+        return src;
+    }, []);
     useEffect(() => {
         if (imgDom.current === null || src === '') {
             return;
@@ -12240,22 +12247,22 @@ const Picture = (props) => {
                 setBlur(true);
             }
         };
-        imgDom.current.src = src;
-    }, [src]);
+        imgDom.current.src = getAvifToPng(src);
+    }, [src, getAvifToPng]);
     return (React.createElement("div", { style: {
             overflow: 'hidden',
             height,
             width: '100%',
             position: 'relative'
         } },
-        React.createElement("img", { ref: imgDom, loading: 'lazy', src: src !== null && src !== void 0 ? src : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, style: {
+        React.createElement("img", { ref: imgDom, loading: 'lazy', src: src ? getAvifToPng(src) : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, style: {
                 height: '100%',
                 width: '100%',
                 objectFit: 'cover',
                 filter: blur ? 'blur(10px)' : 'none',
                 transform: blur ? 'scale(1.2)' : 'none'
             } }),
-        blur && (React.createElement("img", { ref: imgDom, src: src, loading: 'lazy', style: {
+        blur && (React.createElement("img", { ref: imgDom, src: getAvifToPng(src), loading: 'lazy', style: {
                 width: '100%',
                 objectFit: 'contain',
                 position: 'absolute',
@@ -12270,7 +12277,7 @@ const Picture = (props) => {
  * @Author: lewinlu@chatlabs.com
  * @Date: 2024-01-03 14:39:09
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-15 18:08:25
+ * @LastEditTime: 2024-04-16 22:06:11
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\index.tsx
  */
 const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent }) => {
@@ -12477,7 +12484,7 @@ const Nudge = ({ nudge }) => {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-01-15 19:03:09
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-16 18:26:41
+ * @LastEditTime: 2024-04-17 10:13:19
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -12495,7 +12502,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData } = useSxpDataSource();
     const { productView } = useEventReport();
     const isShowFingerTip = useMemo(() => {
-        return data.length > 0 && !loading && !getFeUserId;
+        return data.length > 0 && !loading && getFeUserId();
     }, [data, loading]);
     const handleH5EnterLink = useCallback(() => {
         if (data.length <= 0) {
@@ -12677,8 +12684,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                     React.createElement(Nudge, { nudge: nudge }),
                     React.createElement("div", { className: 'clc-sxp-bottom-card' },
                         React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver })),
-                    React.createElement("div", { style: lineGradStyle },
-                        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: (_c = (_b = rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', 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 }),
+                    React.createElement("div", null,
+                        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: (_c = (_b = rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', style: Object.assign({}, descStyle
+                            // textShadow: globalConfig?.isOpenTextShadow ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none'
+                            ), onChange: onExpandableChange }),
                         React.createElement(Hashtag$1, { index: activeIndex, tags: (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.hashTags) !== null && _e !== void 0 ? _e : [], itemId: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.itemId, itemType: ((_g = rec.video) === null || _g === void 0 ? void 0 : _g.url) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle })))));
         }
         return null;