pb-sxp-ui 1.19.14 → 1.19.16

package/dist/index.js

@@ -7,7 +7,6 @@ import EventEmitter from 'eventemitter3';
 import { css } from '@emotion/css';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import fundebug from 'fundebug-javascript';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -18979,8 +18978,6 @@ const NavBack = ({ data, minusHeight, tagHeight, onClick }) => {
 };
 var NavBack$1 = memo(NavBack);
 
-if (fundebug)
-    fundebug.apikey = '522a79b0a6242a8ad683cc045ec9e65bbac3a0f620561ac49d39eaad4f303618';
 const useVisibleHeight = () => {
     var _a, _b;
     const [visibleHeight, setVisibleHeight] = useState(0);
@@ -19040,7 +19037,7 @@ const useVisibleHeight = () => {
         screenHeight: window.screen.height,
         bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
         agent: navigator.userAgent,
-        version: '1.19.14',
+        version: '1.19.16',
         safeArea: getHeightWithSafeArea(),
         dvh: dvhToPx(100),
         dvhInPx: getDvhInPx(),
@@ -19048,7 +19045,9 @@ const useVisibleHeight = () => {
         fillAvailableInPx: getFillAvailableInPx()
     };
     console.log(systemInfo, 'fundebug-init--------------------->systemInfo');
-    fundebug.notify('Collect_Info', 'init', { metaData: { systemInfo, otherInfo: {} } });
+    if ('fundebug' in window) {
+        window === null || window === void 0 ? void 0 : window.fundebug.notify('Collect_Info', 'init', { metaData: { systemInfo, otherInfo: {} } });
+    }
     const updateHeight = useCallback(() => {
         var _a, _b, _c;
         const systemInfo = {
@@ -19058,7 +19057,7 @@ const useVisibleHeight = () => {
             screenHeight: window.screen.height,
             bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
             agent: navigator.userAgent,
-            version: '1.19.14',
+            version: '1.19.15',
             safeArea: getHeightWithSafeArea(),
             dvh: dvhToPx(100),
             dvhInPx: getDvhInPx(),
@@ -19066,7 +19065,9 @@ const useVisibleHeight = () => {
             fillAvailableInPx: getFillAvailableInPx()
         };
         console.log(systemInfo, 'fundebug-resize--------------------->systemInfo');
-        fundebug.notify('Collect_Info', 'resize', { metaData: { systemInfo, otherInfo: {} } });
+        if ('fundebug' in window) {
+            window === null || window === void 0 ? void 0 : window.fundebug.notify('Collect_Info', 'resize', { metaData: { systemInfo, otherInfo: {} } });
+        }
         const height = ((_c = document === null || document === void 0 ? void 0 : document.documentElement) === null || _c === void 0 ? void 0 : _c.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight);
         setVisibleHeight(height);
     }, [getHeightWithSafeArea, dvhToPx, getDvhInPx, getVhInPx, getFillAvailableInPx]);
@@ -19310,9 +19311,22 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         const numericValue = parseInt(value) || 0;
         return numericValue;
     };
+    const getDvhInPx = () => {
+        const detector = document.createElement('div');
+        detector.style.position = 'fixed';
+        detector.style.bottom = `${getHeightWithSafeArea()}px`;
+        detector.style.left = '0';
+        detector.style.height = '100dvh';
+        detector.style.visibility = 'hidden';
+        detector.style.zIndex = '-1';
+        document.body.appendChild(detector);
+        const dvhInPx = detector.clientHeight;
+        document.body.removeChild(detector);
+        return dvhInPx;
+    };
     const height = useMemo(() => {
-        return visibleHeight - minusHeight - tagHeight - getHeightWithSafeArea();
-    }, [minusHeight, visibleHeight, tagHeight, getHeightWithSafeArea, containerHeight]);
+        return getDvhInPx() - minusHeight - tagHeight - getHeightWithSafeArea();
+    }, [minusHeight, visibleHeight, tagHeight, getHeightWithSafeArea, containerHeight, getDvhInPx]);
     const visList = useMemo(() => {
         var _a;
         const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5