pb-sxp-ui 1.19.10 → 1.19.12

package/dist/pb-ui.js

@@ -18995,30 +18995,9 @@ Made in Italy` })));
 
     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(() => {
@@ -19255,6 +19234,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 +19256,8 @@ Made in Italy` })));
             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