pb-sxp-ui 1.19.10 → 1.19.12

package/dist/index.cjs

@@ -19002,30 +19002,9 @@ var NavBack$1 = React.memo(NavBack);
 
 const useVisibleHeight = () => {
     const [visibleHeight, setVisibleHeight] = React.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 = React.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);
     }, []);
     React.useEffect(() => {
@@ -19262,6 +19241,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');
@@ -19277,8 +19263,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         return safeAreaBottom;
     };
     const height = React.useMemo(() => {
-        return visibleHeight - minusHeight - tagHeight;
-    }, [minusHeight, visibleHeight, tagHeight]);
+        return visibleHeight - minusHeight - tagHeight - getHeightWithSafeArea2();
+    }, [minusHeight, visibleHeight, tagHeight, getHeightWithSafeArea2]);
     const visList = React.useMemo(() => {
         var _a;
         const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5