pb-sxp-ui 1.19.10 → 1.19.11

package/dist/index.css

@@ -62,6 +62,10 @@ a:active {
 .swiper-button-next,.swiper-button-prev{
   color: #000;
   outline: none;
+}
+
+:root {
+  --safe-area-inset-bottom: env(safe-area-inset-bottom);
 }
 .pb-appoint-form {
   position: relative;

package/dist/index.js

@@ -19070,7 +19070,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     const fbcRef = 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 = 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]);
@@ -19240,6 +19240,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         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');
@@ -19255,8 +19262,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         return safeAreaBottom;
     };
     const height = useMemo(() => {
-        return visibleHeight - minusHeight - tagHeight;
-    }, [minusHeight, visibleHeight, tagHeight]);
+        return containerHeight - minusHeight - tagHeight - getHeightWithSafeArea2();
+    }, [minusHeight, containerHeight, tagHeight, getHeightWithSafeArea2]);
     const visList = useMemo(() => {
         var _a;
         const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5