pb-sxp-ui 1.19.10 → 1.19.11

package/dist/pb-ui.js

@@ -19085,7 +19085,7 @@ Made in Italy` })));
         const fbcRef = React.useRef('');
         const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5, pixelPvStatusRef } = useSxpDataSource();
         const { backMainFeed, productView, jumpToWeb } = useEventReport();
-        const visibleHeight = useVisibleHeight();
+        useVisibleHeight();
         const isShowFingerTip = React.useMemo(() => {
             return data.length > 0 && !loading && (getFeUserState() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
         }, [data, loading, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip]);
@@ -19255,6 +19255,13 @@ Made in Italy` })));
             return minusHeight;
         }, [globalConfig]);
         const getHeightWithSafeArea = () => {
+            const root = document.documentElement;
+            const value = getComputedStyle(root).getPropertyValue('--safe-area-inset-bottom');
+            // 处理可能的值（可能是 '0px', '34px' 等）
+            const numericValue = parseInt(value) || 0;
+            return numericValue;
+        };
+        const getHeightWithSafeArea2 = () => {
             // 获取窗口高度
             // 动态检测安全区域
             const detector = document.createElement('div');
@@ -19270,8 +19277,8 @@ Made in Italy` })));
             return safeAreaBottom;
         };
         const height = React.useMemo(() => {
-            return visibleHeight - minusHeight - tagHeight;
-        }, [minusHeight, visibleHeight, tagHeight]);
+            return containerHeight - minusHeight - tagHeight - getHeightWithSafeArea2();
+        }, [minusHeight, containerHeight, tagHeight, getHeightWithSafeArea2]);
         const visList = React.useMemo(() => {
             var _a;
             const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5