pb-sxp-ui 1.0.14 → 1.0.15

package/dist/pb-ui.js

@@ -384,6 +384,7 @@
     };
 
     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 (lodash.isEmpty(fakeUserId)) {
@@ -393,8 +394,11 @@
         return fakeUserId;
     };
     const getFeUserId = () => {
-        const fakeUserId = window.localStorage.getItem(FAKE_USER_KEY);
-        return lodash.isEmpty(fakeUserId);
+        const fakeUserState = window.localStorage.getItem(FAKE_USER_STATE);
+        if (lodash.isEmpty(fakeUserState)) {
+            window.localStorage.setItem(FAKE_USER_STATE, 'true');
+        }
+        return lodash.isEmpty(fakeUserState);
     };
 
     /*
@@ -12232,7 +12236,7 @@ Made in Italy` })));
      * @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-16 20:49:51
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\Picture.tsx
      *
      */
@@ -12241,6 +12245,9 @@ Made in Italy` })));
         const [blur, setBlur] = React.useState(false);
         const imgDom = React.useRef(null);
         const { sxpParameter } = useSxpDataSource();
+        const getAvifToPng = React.useCallback((src) => {
+            return src.indexOf('avif') !== -1 ? `${src}?imageMogr2/format/png` : src;
+        }, []);
         React.useEffect(() => {
             if (imgDom.current === null || src === '') {
                 return;
@@ -12255,22 +12262,22 @@ Made in Italy` })));
                     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',
@@ -12285,7 +12292,7 @@ Made in Italy` })));
      * @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 }) => {
@@ -12492,7 +12499,7 @@ Made in Italy` })));
      * @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-16 19:50:16
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -12510,7 +12517,7 @@ Made in Italy` })));
         const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData } = useSxpDataSource();
         const { productView } = useEventReport();
         const isShowFingerTip = React.useMemo(() => {
-            return data.length > 0 && !loading && !getFeUserId;
+            return data.length > 0 && !loading && getFeUserId();
         }, [data, loading]);
         const handleH5EnterLink = React.useCallback(() => {
             if (data.length <= 0) {