pb-sxp-ui 1.19.10 → 1.19.12

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

@@ -18980,30 +18980,9 @@ var NavBack$1 = memo(NavBack);
 
 const useVisibleHeight = () => {
     const [visibleHeight, setVisibleHeight] = useState(0);
-    const getVisibleContentHeight = () => {
-        // 方法优先级：
-        // 1. visualViewport.height (最准确)
-        // 2. window.innerHeight (次之)
-        // 3. document.documentElement.clientHeight (fallback)
-        if (typeof window === 'undefined')
-            return 0;
-        let height = window.innerHeight;
-        // 优先使用 visualViewport
-        if (window.visualViewport) {
-            height = window.visualViewport.height;
-        }
-        // 验证高度合理性
-        if (height <= 0 || height > window.screen.height) {
-            height = window.innerHeight;
-        }
-        // 最终 fallback
-        if (height <= 0) {
-            height = document.documentElement.clientHeight;
-        }
-        return height;
-    };
     const updateHeight = useCallback(() => {
-        const height = getVisibleContentHeight();
+        var _a;
+        const height = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight);
         setVisibleHeight(height);
     }, []);
     useEffect(() => {
@@ -19240,6 +19219,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 +19241,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         return safeAreaBottom;
     };
     const height = useMemo(() => {
-        return visibleHeight - minusHeight - tagHeight;
-    }, [minusHeight, visibleHeight, tagHeight]);
+        return visibleHeight - minusHeight - tagHeight - getHeightWithSafeArea2();
+    }, [minusHeight, visibleHeight, tagHeight, getHeightWithSafeArea2]);
     const visList = useMemo(() => {
         var _a;
         const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5